From abdd312df328655a4bc2855a7664300fd3ca932e Mon Sep 17 00:00:00 2001 From: Ian Gulliver Date: Tue, 30 Dec 2025 12:40:46 -0800 Subject: [PATCH] Add donation info to event page and HCA Events header to sign-in MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 --- static/afac26.html | 23 +++++++++++++++++++++-- static/app.js | 12 +++++++++++- 2 files changed, 32 insertions(+), 3 deletions(-) diff --git a/static/afac26.html b/static/afac26.html index a63d423..7579e90 100644 --- a/static/afac26.html +++ b/static/afac26.html @@ -54,8 +54,8 @@ margin-top: 0.5rem; } .donation-group { - display: grid; - grid-template-columns: repeat(4, 1fr); + display: flex; + flex-wrap: wrap; gap: 0.5rem; } .donation-group wa-button::part(base) { @@ -115,6 +115,21 @@ background: var(--wa-color-success-20); color: var(--wa-color-success-90); } + .info-box { + background: var(--wa-color-neutral-95); + color: var(--wa-color-neutral-20); + padding: 1rem; + border-radius: 8px; + margin-bottom: 1rem; + font-size: 0.9rem; + } + .wa-dark .info-box { + background: var(--wa-color-neutral-20); + color: var(--wa-color-neutral-90); + } + .donation-group wa-button { + width: calc(50% - 0.25rem); + } @@ -138,6 +153,10 @@

Feb 7, 2026 · 6:30 PM

Helios Gym

+
+

All donations go to Sunnyvale Community Services. We suggest $25 per family, but most importantly we'd love to see you there!

+

Feel free to share this page with friends and family.

+
RSVP now!
Number of people:
diff --git a/static/app.js b/static/app.js index 5a506aa..151e4d5 100644 --- a/static/app.js +++ b/static/app.js @@ -109,8 +109,18 @@ export async function auth() { } }); + signin.style.flexDirection = 'column'; + + const header = document.createElement('div'); + header.textContent = 'HCA Events'; + header.style.cssText = 'font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem;'; + signin.appendChild(header); + + const buttonContainer = document.createElement('div'); + signin.appendChild(buttonContainer); + const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches; - google.accounts.id.renderButton(signin, { + google.accounts.id.renderButton(buttonContainer, { type: 'standard', theme: isDark ? 'outline' : 'filled_black', size: 'large',