Sundays in SF

\n {/* Screen content */}\n

\n {screen === \"pre-session\" && (\n \n )}\n {screen === \"timer\" && timerPhase === \"create\" && (\n \n )}\n {screen === \"timer\" && timerPhase === \"running\" && timerConfig && (\n \n )}\n {screen === \"closeout\" && (\n \n )}\n

\n\n {/* Host navigation — floating segmented control */}\n \n

\n );\n}\n",[],[189,195,202],{"_104":212,"_97":213,"_159":214,"_161":196,"_162":144,"_163":215,"_165":166,"_106":216,"_101":164,"_168":207,"_170":217,"_171":22,"_172":-5,"_173":218,"_100":219},"f8f1ab38-0534-11f1-a6de-42dde27851f2","Closeout.tsx","f2f08ffe-0522-11f1-b808-42dde27851f2",40,["D",1770586049815],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { QRCodeSVG } from \"https://esm.sh/qrcode.react@3.1.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useSFGradient } from \"../hooks.ts\";\n\ninterface CloseoutProps {\n nextSessionUrl: string;\n commonsUrl: string;\n}\n\nexport function Closeout({ nextSessionUrl, commonsUrl }: CloseoutProps) {\n const gradient = useSFGradient();\n\n return (\n \n {/* Title */}\n \n Thanks for coming!\n \n\n {/* Two-column card area */}\n \n {/* Next Session */}\n \n \n Next Session\n \n

\n \n

\n \n Scan to RSVP\n

\n \n\n {/* Commons Public Hours */}\n \n \n Commons Public Hours\n \n

\n \n

\n \n Scan to learn more\n

\n \n \n \n );\n}\n",[],[189,195,213],{"_104":221,"_97":222,"_159":223,"_161":196,"_162":144,"_163":224,"_165":166,"_106":225,"_101":226,"_168":207,"_170":227,"_171":22,"_172":-5,"_173":228,"_100":229},"f8f65aac-0534-11f1-b98b-42dde27851f2","PreSession.tsx","f3564b3c-0522-11f1-a9d7-42dde27851f2",41,["D",1770586049830],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { QRCodeSVG } from \"https://esm.sh/qrcode.react@3.1.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useSFGradient } from \"../hooks.ts\";\n\ninterface PreSessionProps {\n wifiSsid: string;\n wifiPassword: string;\n}\n\nconst SCHEDULE = [\n \"Intro Circle\",\n \"Work Block 1\",\n \"~15 min Break\",\n \"Work Block 2\",\n \"Show & Tell\",\n];\n\nexport function PreSession({ wifiSsid, wifiPassword }: PreSessionProps) {\n const gradient = useSFGradient();\n const wifiQrValue = `WIFI:T:WPA;S:${wifiSsid};P:${wifiPassword};;`;\n\n return (\n \n {/* Title */}\n \n ☀️ Welcome to Sundays :) ☀️\n
\n \n\n {/* Two-column card area */}\n \n {/* WiFi card */}\n \n \n Wi-Fi\n \n\n {wifiSsid ? (\n <>\n

\n \n

\n \n {wifiSsid}\n

\n \n {wifiPassword}\n

\n \n ) : (\n \n WiFi info not configured.\n
\n Set SUNDAYS_WIFI_SSID and\n
\n SUNDAYS_WIFI_PASSWORD env vars.\n

\n )}\n \n\n {/* Schedule card */}\n \n \n Today's Flow\n \n\n

\n {SCHEDULE.map((item, i) => (\n \n {item}\n

\n ))}\n \n \n \n \n );\n}\n",[],[189,195,222],{"_104":231,"_97":232,"_159":233,"_161":196,"_162":144,"_163":234,"_165":166,"_106":235,"_101":164,"_168":207,"_170":236,"_171":22,"_172":-5,"_173":237,"_100":238},"0ecec570-0540-11f1-9a5c-42dde27851f2","TimerCreate.tsx","f2fbd63e-0522-11f1-973b-42dde27851f2",47,["D",1770590810922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useSFGradient } from \"../hooks.ts\";\nimport { ALARM_SOUNDS } from \"../../shared/types.ts\";\nimport type { TimerConfig } from \"../../shared/types.ts\";\n\ninterface TimerCreateProps {\n onStart: (config: TimerConfig) => void;\n}\n\nexport function TimerCreate({ onStart }: TimerCreateProps) {\n const gradient = useSFGradient();\n const [name, setName] = useState(\"\");\n const [minutes, setMinutes] = useState(50);\n const [seconds, setSeconds] = useState(0);\n const [alarmSoundId, setAlarmSoundId] = useState(ALARM_SOUNDS[0].id);\n const [showCountdown, setShowCountdown] = useState(true);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n const durationSeconds = minutes * 60 + seconds;\n if (durationSeconds <= 0) return;\n onStart({\n name: name.trim() || \"Timer\",\n durationSeconds,\n alarmSoundId,\n showCountdown,\n });\n };\n\n return (\n \n \n Create Timer\n \n\n \n {/* Timer name */}\n

\n Timer Name\n setName(e.target.value)}\n />\n

\n\n {/* Duration */}\n

\n Duration\n \n {\n const val = e.target.value;\n setMinutes(val === \"\" ? 0 : parseInt(val) || 0);\n }}\n onFocus={(e) => e.target.select()}\n />\n \n min\n \n {\n const val = e.target.value;\n setSeconds(val === \"\" ? 0 : parseInt(val) || 0);\n }}\n onFocus={(e) => e.target.select()}\n />\n \n sec\n \n

\n \n\n {/* Alarm sound */}\n

\n Alarm Sound\n setAlarmSoundId(e.target.value)}\n >\n {ALARM_SOUNDS.map((sound) => (\n \n ))}\n \n

\n\n {/* Show Countdown toggle */}\n \n \n Show Countdown\n \n setShowCountdown(!showCountdown)}\n style={{\n width: \"51px\",\n height: \"31px\",\n borderRadius: \"16px\",\n border: \"none\",\n cursor: \"pointer\",\n background: showCountdown\n ? \"rgba(52, 199, 89, 0.9)\"\n : \"rgba(255,255,255,0.2)\",\n position: \"relative\",\n transition: \"background 0.2s ease\",\n flexShrink: 0,\n }}\n >\n \n \n \n\n {/* Start button */}\n \n Start Timer\n \n \n \n );\n}\n",[],[189,195,232],{"_104":240,"_97":241,"_159":242,"_161":196,"_162":144,"_163":143,"_165":166,"_106":243,"_101":244,"_168":207,"_170":245,"_171":22,"_172":-5,"_173":246,"_100":247},"187939ec-0541-11f1-8d55-42dde27851f2","TimerRunning.tsx","f2f38b14-0522-11f1-b481-42dde27851f2",["D",1770591256666],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport renderGradient from \"../../shared/gradient.ts\";\nimport { ALARM_SOUNDS } from \"../../shared/types.ts\";\nimport type { TimerConfig } from \"../../shared/types.ts\";\n\ninterface TimerRunningProps {\n config: TimerConfig;\n onStop: () => void;\n}\n\n// Sun altitude animation range (radians)\nconst DAWN_ALTITUDE = -0.03; // just below horizon — first visible light (deep blue/purple dawn)\nconst SUNRISE_ALTITUDE = 0.08; // sun just above horizon — warm sunrise\nconst MAX_ALTITUDE = 1.1; // high noon\nconst SUNSET_ALTITUDE = 0.08; // sun just above horizon — warm sunset\nconst NIGHT_ALTITUDE = -0.15; // below horizon — dark sky\n\n/**\n * Map timer progress (0 → 1) to sun altitude.\n *\n * The timer begins at first light (dawn) and ends in darkness:\n * 0.0 → dawn (first visible light, deep blue/purple sky)\n * 0.0 – 0.05 → dawn → sunrise (sky brightens to golden hour)\n * 0.05 – 0.5 → sunrise → noon (brightening)\n * 0.5 – 0.98 → noon → sunset (dimming to golden hour)\n * 0.98 – 1.0 → sunset → night (rapid dip to dark, ~1 sec of black)\n */\nfunction altitudeForProgress(progress: number, durationSeconds: number): number {\n const p = Math.max(0, Math.min(1, progress));\n\n // How much of the [0,1] range the final \"dip to night\" should occupy\n // We want ~1 second of darkness, so the dip phase = 1s / total duration\n const dipFraction = Math.min(durationSeconds > 0 ? 1.0 / durationSeconds : 0.02, 0.05);\n const sunsetEnd = 1.0 - dipFraction; // progress value where sunset ends and night dip begins\n\n // Dawn phase: first 5% of progress transitions from first light to sunrise\n const dawnEnd = 0.05;\n\n if (p <= dawnEnd) {\n // Dawn → sunrise (first visible light brightening to golden hour)\n const t = p / dawnEnd;\n return DAWN_ALTITUDE + (SUNRISE_ALTITUDE - DAWN_ALTITUDE) * t;\n } else if (p <= 0.5) {\n // Sunrise → noon\n const t = (p - dawnEnd) / (0.5 - dawnEnd);\n return SUNRISE_ALTITUDE + (MAX_ALTITUDE - SUNRISE_ALTITUDE) * t;\n } else if (p <= sunsetEnd) {\n // Noon → sunset\n const t = (p - 0.5) / (sunsetEnd - 0.5);\n return MAX_ALTITUDE - (MAX_ALTITUDE - SUNSET_ALTITUDE) * t;\n } else {\n // Sunset → night (rapid dip in the final ~1 second)\n const t = (p - sunsetEnd) / dipFraction;\n return SUNSET_ALTITUDE - (SUNSET_ALTITUDE - NIGHT_ALTITUDE) * t;\n }\n}\n\n/** Format total seconds as MM:SS */\nfunction formatTime(totalSeconds: number): string {\n const m = Math.floor(totalSeconds / 60);\n const s = totalSeconds % 60;\n return `${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n}\n\n// Throttle interval for gradient recalculation (~12 fps)\nconst GRADIENT_INTERVAL_MS = 80;\n\nexport function TimerRunning({ config, onStop }: TimerRunningProps) {\n const [remaining, setRemaining] = useState(config.durationSeconds);\n const [gradient, setGradient] = useState(\"\");\n const [isFinished, setIsFinished] = useState(false);\n const [showCountdown, setShowCountdown] = useState(config.showCountdown);\n\n const startTimeRef = useRef(Date.now());\n const animFrameRef = useRef(0);\n const lastGradientRef = useRef(0);\n const audioRef = useRef(null);\n\n // Resolve the alarm sound URL\n const alarmSound = ALARM_SOUNDS.find((s) => s.id === config.alarmSoundId);\n\n useEffect(() => {\n const totalMs = config.durationSeconds * 1000;\n startTimeRef.current = Date.now();\n\n // Set initial gradient (dawn — first visible light)\n const [initialCss] = renderGradient(DAWN_ALTITUDE);\n setGradient(initialCss);\n\n const animate = () => {\n const now = Date.now();\n const elapsed = now - startTimeRef.current;\n const progress = Math.min(elapsed / totalMs, 1);\n\n // Update countdown\n const remainingSec = Math.max(0, Math.ceil((totalMs - elapsed) / 1000));\n setRemaining(remainingSec);\n\n // Update gradient on a throttled interval\n if (now - lastGradientRef.current >= GRADIENT_INTERVAL_MS) {\n const altitude = altitudeForProgress(progress, config.durationSeconds);\n const [css] = renderGradient(altitude);\n setGradient(css);\n lastGradientRef.current = now;\n }\n\n if (progress >= 1) {\n // Timer complete\n setIsFinished(true);\n setRemaining(0);\n\n // Play alarm\n if (alarmSound?.url) {\n try {\n audioRef.current = new Audio(alarmSound.url);\n audioRef.current.play();\n } catch (e) {\n console.error(\"Could not play alarm sound:\", e);\n }\n }\n return;\n }\n\n animFrameRef.current = requestAnimationFrame(animate);\n };\n\n animFrameRef.current = requestAnimationFrame(animate);\n\n return () => {\n cancelAnimationFrame(animFrameRef.current);\n if (audioRef.current) {\n audioRef.current.pause();\n audioRef.current = null;\n }\n };\n }, [config.durationSeconds, alarmSound]);\n\n // Whether the countdown digits should be visible (shown AND not finished)\n const countdownVisible = showCountdown && !isFinished;\n\n return (\n \n {/* Timer name */}\n \n {config.name}\n \n\n {/* Countdown — fully removed from layout when hidden or finished */}\n {countdownVisible && (\n \n {formatTime(remaining)}\n \n )}\n\n {/* Controls */}\n {isFinished ? (\n

\n \n Time's up!\n

\n \n

\n ) : (\n

\n \n setShowCountdown(!showCountdown)}\n style={{ minWidth: \"auto\", padding: \"10px 20px\" }}\n >\n {showCountdown ? \"Hide\" : \"Show\"}\n \n

\n )}\n \n );\n}\n",[],[189,195,241],[189,195],{"_104":250,"_97":251,"_159":252,"_161":190,"_162":144,"_163":253,"_165":166,"_106":254,"_101":33,"_168":207,"_170":255,"_171":22,"_172":-5,"_173":256,"_100":257},"f30bdaf2-0522-11f1-a97f-42dde27851f2","hooks.ts","f30bdb92-0522-11f1-a97f-42dde27851f2",13,["D",1770578308967],"/**\n * Shared React hooks for Sundays in SF\n */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport SunCalc from \"https://esm.sh/suncalc@1.9.0\";\nimport renderGradient from \"../shared/gradient.ts\";\nimport { SF_LAT, SF_LON } from \"../shared/types.ts\";\n\n/**\n * Returns the live SF sky gradient CSS string.\n * Computes the current sun position for San Francisco\n * and re-renders every 60 seconds.\n */\nexport function useSFGradient(): string {\n const [gradient, setGradient] = useState(\"\");\n\n useEffect(() => {\n const update = () => {\n const sunPos = SunCalc.getPosition(new Date(), SF_LAT, SF_LON);\n const [css] = renderGradient(sunPos.altitude);\n setGradient(css);\n };\n update();\n const interval = setInterval(update, 60_000);\n return () => clearInterval(interval);\n }, []);\n\n return gradient;\n}\n",[],[189,251],{"_104":259,"_97":260,"_159":261,"_161":190,"_162":144,"_163":262,"_165":166,"_106":263,"_101":206,"_168":264,"_170":265,"_171":22,"_172":-5,"_173":266,"_100":267},"0ed603ee-0540-11f1-a625-42dde27851f2","index.html","f2f73cbe-0522-11f1-a64f-42dde27851f2",48,["D",1770590810932],"file","\n\n\n \n \n \n \n Sundays in SF\n ☀️\" />\n \n \n \n\n\n

\n \n\n\n",[],[189,260],{"_104":269,"_97":270,"_159":271,"_161":190,"_162":144,"_163":244,"_165":166,"_106":272,"_101":33,"_168":207,"_170":273,"_171":22,"_172":-5,"_173":274,"_100":275},"f2e00580-0522-11f1-b481-42dde27851f2","index.tsx","f2e00666-0522-11f1-b481-42dde27851f2",["D",1770578308673],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[189,270],{"_104":277,"_97":278,"_159":279,"_161":190,"_162":144,"_163":280,"_165":166,"_106":281,"_101":282,"_168":264,"_170":283,"_171":22,"_172":-5,"_173":284,"_100":285},"f90c4b6e-0534-11f1-a5f2-42dde27851f2","style.css","f307fa18-0522-11f1-b808-42dde27851f2",43,["D",1770586049833],6,"/* Sundays in SF — Blue glass design system */\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n font-family:\n -apple-system, BlinkMacSystemFont,\n 'SF Pro Display', 'SF Pro Text',\n 'Helvetica Neue', 'Helvetica',\n system-ui, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background: #0d1117;\n}\n\n#root {\n height: 100%;\n}\n\n/* Scrollbar styling */\n::-webkit-scrollbar {\n width: 6px;\n}\n::-webkit-scrollbar-track {\n background: transparent;\n}\n::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.15);\n border-radius: 3px;\n}\n\n/* ── Glass card — frosted blue ───────────────────────────── */\n\n.glass-card {\n position: relative;\n overflow: hidden;\n background: rgba(20, 40, 80, 0.65);\n backdrop-filter: blur(40px) saturate(140%);\n -webkit-backdrop-filter: blur(40px) saturate(140%);\n border: 1px solid rgba(150, 180, 255, 0.2);\n border-radius: 24px;\n box-shadow:\n 0 8px 32px rgba(0, 10, 40, 0.2),\n inset 0 1px 0 rgba(180, 210, 255, 0.1);\n}\n\n/* ── Screen transitions ──────────────────────────────────── */\n\n.screen-enter {\n animation: screenFadeIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n}\n\n@keyframes screenFadeIn {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.99);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n\n/* ── Navigation bar — frosted blue ───────────────────────── */\n\n.nav-bar {\n position: fixed;\n bottom: 28px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(10, 25, 60, 0.7);\n backdrop-filter: blur(24px) saturate(140%);\n -webkit-backdrop-filter: blur(24px) saturate(140%);\n border: 1px solid rgba(150, 180, 255, 0.15);\n border-radius: 18px;\n padding: 5px;\n display: flex;\n gap: 2px;\n z-index: 100;\n box-shadow: 0 4px 20px rgba(0, 10, 40, 0.25);\n}\n\n.nav-pill {\n padding: 10px 26px;\n border-radius: 14px;\n color: rgba(255, 255, 255, 0.6);\n font-size: 15px;\n font-weight: 600;\n border: none;\n background: transparent;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);\n letter-spacing: -0.01em;\n white-space: nowrap;\n}\n\n.nav-pill:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.nav-pill.active {\n background: rgba(150, 180, 255, 0.2);\n color: white;\n}\n\n/* ── Title text ──────────────────────────────────────────── */\n\n.title-text {\n text-shadow:\n 0 2px 20px rgba(0, 0, 0, 0.4),\n 0 1px 4px rgba(0, 0, 0, 0.3);\n letter-spacing: -0.03em;\n}\n\n/* ── Timer display ───────────────────────────────────────── */\n\n.timer-display {\n font-variant-numeric: tabular-nums;\n font-feature-settings: \"tnum\";\n letter-spacing: -0.04em;\n}\n\n/* ── Schedule timeline ───────────────────────────────────── */\n\n.schedule-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.schedule-item {\n position: relative;\n padding-left: 28px;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.schedule-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(180, 210, 255, 0.7);\n box-shadow: 0 0 10px rgba(130, 170, 255, 0.4), 0 0 3px rgba(180, 210, 255, 0.3);\n}\n\n.schedule-item::after {\n content: '';\n position: absolute;\n left: 3.5px;\n top: calc(50% + 10px);\n width: 1px;\n height: calc(100%);\n background: rgba(150, 180, 255, 0.2);\n}\n\n.schedule-item:last-child::after {\n display: none;\n}\n\n/* ── QR code wrapper ─────────────────────────────────────── */\n\n.qr-container {\n background: white;\n border-radius: 18px;\n padding: 18px;\n display: inline-flex;\n box-shadow:\n 0 4px 24px rgba(0, 0, 0, 0.12),\n 0 1px 3px rgba(0, 0, 0, 0.06);\n}\n\n/* ── Form inputs — dark opaque fields ────────────────────── */\n\n.input-field {\n background: rgba(10, 20, 50, 0.7);\n border: 1px solid rgba(150, 180, 255, 0.2);\n border-radius: 14px;\n padding: 15px 18px;\n color: white;\n font-size: 17px;\n font-weight: 500;\n font-family: inherit;\n outline: none;\n transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n width: 100%;\n}\n\n.input-field::placeholder {\n color: rgba(255, 255, 255, 0.4);\n}\n\n.input-field:focus {\n border-color: rgba(150, 180, 255, 0.4);\n background: rgba(10, 20, 50, 0.8);\n box-shadow: 0 0 0 3px rgba(130, 170, 255, 0.1);\n}\n\n/* ── Select dropdown ─────────────────────────────────────── */\n\n.select-field {\n background: rgba(10, 20, 50, 0.7);\n border: 1px solid rgba(150, 180, 255, 0.2);\n border-radius: 14px;\n padding: 15px 18px;\n color: white;\n font-size: 17px;\n font-weight: 500;\n font-family: inherit;\n outline: none;\n transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n width: 100%;\n appearance: none;\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='rgba(255,255,255,0.5)'%3E%3Cpath d='M6 8L0 0h12z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 16px center;\n padding-right: 40px;\n}\n\n.select-field option {\n background: #1a2540;\n color: white;\n}\n\n.select-field:focus {\n border-color: rgba(150, 180, 255, 0.4);\n background-color: rgba(10, 20, 50, 0.8);\n box-shadow: 0 0 0 3px rgba(130, 170, 255, 0.1);\n}\n\n/* ── Buttons ─────────────────────────────────────────────── */\n\n.btn-primary {\n background: rgba(20, 50, 120, 0.65);\n border: 1px solid rgba(150, 180, 255, 0.25);\n border-radius: 16px;\n padding: 17px 44px;\n color: white;\n font-size: 17px;\n font-weight: 700;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);\n letter-spacing: -0.01em;\n box-shadow: 0 4px 16px rgba(0, 10, 40, 0.15);\n}\n\n.btn-primary:hover {\n background: rgba(30, 60, 140, 0.7);\n transform: scale(1.03);\n box-shadow: 0 6px 24px rgba(0, 10, 40, 0.25);\n}\n\n.btn-primary:active {\n transform: scale(0.97);\n}\n\n.btn-secondary {\n background: rgba(20, 40, 90, 0.5);\n border: 1px solid rgba(150, 180, 255, 0.18);\n border-radius: 14px;\n padding: 13px 32px;\n color: rgba(255, 255, 255, 0.85);\n font-size: 15px;\n font-weight: 600;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.btn-secondary:hover {\n background: rgba(30, 50, 110, 0.6);\n color: white;\n}\n\n.btn-secondary:active {\n transform: scale(0.97);\n}\n\n/* ── Label style ─────────────────────────────────────────── */\n\n.form-label {\n color: rgba(255, 255, 255, 0.7);\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n display: block;\n margin-bottom: 10px;\n}\n\n/* ── Whimsy: \"Time's up!\" pulse ──────────────────────────── */\n\n.finished-pulse {\n animation: gentlePulse 2s ease-in-out infinite;\n}\n\n@keyframes gentlePulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.7; }\n}\n\n/* ── Glass card entrance ─────────────────────────────────── */\n\n.glass-card {\n animation: cardFloat 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n}\n\n@keyframes cardFloat {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Stagger second card */\n.glass-card:nth-child(2) {\n animation-delay: 0.1s;\n animation-fill-mode: both;\n}\n\n/* ── Subtle top highlight on glass cards ─────────────────── */\n\n.glass-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent 0%,\n rgba(180, 210, 255, 0.25) 30%,\n rgba(200, 220, 255, 0.35) 50%,\n rgba(180, 210, 255, 0.25) 70%,\n transparent 100%\n );\n border-radius: 24px 24px 0 0;\n pointer-events: none;\n}\n",[],[189,278],[189],{"_104":288,"_97":289,"_159":290,"_161":-5,"_162":144,"_163":226,"_165":166,"_106":291,"_101":33,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":292,"_100":320},"f2b1f3fc-0522-11f1-a9d7-42dde27851f2","shared","f2b1f4ba-0522-11f1-a9d7-42dde27851f2",["D",1770578308391],[293,302,311],{"_104":294,"_97":295,"_159":296,"_161":290,"_162":144,"_163":297,"_165":166,"_106":298,"_101":33,"_168":207,"_170":299,"_171":22,"_172":-5,"_173":300,"_100":301},"f32a3bf0-0522-11f1-973b-42dde27851f2","gradient.ts","f32a3cae-0522-11f1-973b-42dde27851f2",18,["D",1770578309177],"/**\n * Atmosphere gradient renderer (single scattering) using CSS linear-gradient\n *\n * Physical model and parameter choices derived from \"A Scalable and Production\n * Ready Sky and Atmosphere Rendering Technique\" (Sébastien Hillaire).\n *\n * Implementation derived from \"Production Sky Rendering\" (Andrew Helmer,\n * MIT License). Source: https://www.shadertoy.com/view/slSXRW\n */\n\nimport { clamp, dot, len, norm, add, scale, exp, type Vec3 } from \"./utils.ts\";\n\nconst PI = Math.PI;\n\n// Coefficients of media components (m^-1)\nconst RAYLEIGH_SCATTER = [5.802e-6, 13.558e-6, 33.1e-6];\nconst MIE_SCATTER = 3.996e-6;\nconst MIE_ABSORB = 4.44e-6;\nconst OZONE_ABSORB = [0.65e-6, 1.881e-6, 0.085e-6];\n\n// Altitude density distribution metrics\nconst RAYLEIGH_SCALE_HEIGHT = 8e3;\nconst MIE_SCALE_HEIGHT = 1.2e3;\n\n// Additional parameters\nconst GROUND_RADIUS = 6_360e3;\nconst TOP_RADIUS = 6_460e3;\nconst SUN_INTENSITY = 1.0;\n\n// Rendering\nconst SAMPLES = 32; // used for gradient stops and integration steps\nconst FOV_DEG = 75;\n\n// Post-processing\nconst EXPOSURE = 25.0;\nconst GAMMA = 2.2;\nconst SUNSET_BIAS_STRENGTH = 0.1;\n\n// ACES tonemapper (Knarkowicz)\nfunction aces(color: Vec3): Vec3 {\n return color.map((c) => {\n const n = c * (2.51 * c + 0.03);\n const d = c * (2.43 * c + 0.59) + 0.14;\n return Math.max(0, Math.min(1, n / d));\n }) as Vec3;\n}\n\n// Enhance sunset hues (i.e., make warmer)\nfunction applySunsetBias([r, g, b]: Vec3): Vec3 {\n // Relative luminance (sRGB)\n const lum = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n // Weight is higher for darker sky (near horizon/twilight), lower midday\n const w = 1.0 / (1.0 + 2.0 * lum);\n const k = SUNSET_BIAS_STRENGTH; // overall strength\n const rb = 1.0 + 0.5 * k * w; // boost red\n const gb = 1.0 - 0.5 * k * w; // suppress green\n const bb = 1.0 + 1.0 * k * w; // boost blue\n return [Math.max(0, r * rb), Math.max(0, g * gb), Math.max(0, b * bb)];\n}\n\nfunction rayleighPhase(angle: number) {\n return (3 * (1 + Math.cos(angle) ** 2)) / (16 * PI);\n}\n\nfunction miePhase(angle: number) {\n const g = 0.8;\n const scale = 3 / (8 * PI);\n const num = (1 - g ** 2) * (1 + Math.cos(angle) ** 2);\n const denom =\n (2 + g ** 2) * (1 + g ** 2 - 2 * g * Math.cos(angle)) ** (3 / 2);\n return (scale * num) / denom;\n}\n\n// From \"5.3.2 Intersecting Ray or Segment Against Sphere\" (Real-Time Collision Detection)\nfunction intersectSphere(p: Vec3, d: Vec3, r: number) {\n // Sphere center is at origin, so M = P - C = P\n const m = p;\n const b = dot(m, d);\n const c = dot(m, m) - r ** 2;\n const discr = b ** 2 - c;\n if (discr < 0)\n // Ray misses sphere\n return null;\n const t = -b - Math.sqrt(discr);\n if (t < 0)\n // Ray inside sphere; Use far discriminant\n return -b + Math.sqrt(discr);\n return t;\n}\n\n// Optical depth approximation\nfunction computeTransmittance(height: number, angle: number) {\n const rayOrigin: Vec3 = [0, GROUND_RADIUS + height, 0];\n const rayDirection: Vec3 = [Math.sin(angle), Math.cos(angle), 0];\n\n const distance = intersectSphere(rayOrigin, rayDirection, TOP_RADIUS);\n if (!distance) return [1, 1, 1];\n\n // March along the ray using a fixed step size\n const segmentLength = distance / SAMPLES;\n let t = 0.5 * segmentLength;\n\n // Accumulate path-integrated densities\n let odRayleigh = 0; // molecules (Rayleigh)\n let odMie = 0; // aerosols (Mie)\n let odOzone = 0; // ozone (absorption only)\n for (let i = 0; i < SAMPLES; i++) {\n // Position along the ray and its altitude above ground\n const pos = add(rayOrigin, scale(rayDirection, t));\n const h = len(pos) - GROUND_RADIUS;\n\n // Exponential falloff with altitude for Rayleigh and Mie densities\n const dR = Math.exp(-h / RAYLEIGH_SCALE_HEIGHT);\n const dM = Math.exp(-h / MIE_SCALE_HEIGHT);\n\n // Integrate (density × path length)\n odRayleigh += dR * segmentLength;\n\n // Simple ozone layer: triangular profile centered at 25 km, width 30 km\n const ozoneDensity = 1.0 - Math.min(Math.abs(h - 25e3) / 15e3, 1.0);\n odOzone += ozoneDensity * segmentLength;\n\n odMie += dM * segmentLength;\n t += segmentLength;\n }\n\n // Convert integrated densities into per-channel optical depth (Beer-Lambert)\n const tauR = [\n RAYLEIGH_SCATTER[0] * odRayleigh,\n RAYLEIGH_SCATTER[1] * odRayleigh,\n RAYLEIGH_SCATTER[2] * odRayleigh,\n ];\n const tauM = [MIE_ABSORB * odMie, MIE_ABSORB * odMie, MIE_ABSORB * odMie];\n const tauO = [\n OZONE_ABSORB[0] * odOzone,\n OZONE_ABSORB[1] * odOzone,\n OZONE_ABSORB[2] * odOzone,\n ];\n\n // Total optical depth: transmittance T = exp(-tau)\n const tau = [\n -(tauR[0] + tauM[0] + tauO[0]),\n -(tauR[1] + tauM[1] + tauO[1]),\n -(tauR[2] + tauM[2] + tauO[2]),\n ];\n return exp(tau as Vec3);\n}\n\n// Render sky at given solar elevation\nexport default function renderGradient(altitude: number): [string, Vec3, Vec3] {\n const cameraPosition: Vec3 = [0, GROUND_RADIUS, 0];\n const sunDirection: Vec3 = norm([Math.cos(altitude), Math.sin(altitude), 0]);\n\n // Projection constant (used to tilt rays upward)\n const focalZ = 1.0 / Math.tan((FOV_DEG * 0.5 * PI) / 180.0);\n\n const stops = [] as Array<{ percent: number; rgb: Vec3 }>;\n for (let i = 0; i < SAMPLES; i++) {\n const s = i / (SAMPLES - 1);\n\n const viewDirection = norm([0, s, focalZ]);\n\n let inscattered: Vec3 = [0, 0, 0];\n\n const tExitTop = intersectSphere(cameraPosition, viewDirection, TOP_RADIUS);\n if (tExitTop !== null && tExitTop > 0) {\n const rayOrigin = cameraPosition.slice() as Vec3;\n\n // Fixed-step integration along the valid path segment\n const segmentLength = tExitTop / SAMPLES;\n let tRay = segmentLength * 0.5;\n\n // Precompute camera-to-space transmittance and the direction polarity\n const rayOriginRadius = len(rayOrigin);\n const isRayPointingDownwardAtStart =\n dot(rayOrigin, viewDirection) / rayOriginRadius < 0.0;\n const startHeight = rayOriginRadius - GROUND_RADIUS;\n const startRayCos = clamp(\n dot(\n [\n rayOrigin[0] / rayOriginRadius,\n rayOrigin[1] / rayOriginRadius,\n rayOrigin[2] / rayOriginRadius,\n ],\n viewDirection,\n ),\n -1,\n 1,\n );\n const startRayAngle = Math.acos(Math.abs(startRayCos));\n const transmittanceCameraToSpace = computeTransmittance(\n startHeight,\n startRayAngle,\n );\n\n for (let j = 0; j < SAMPLES; j++) {\n // Position and local frame\n const samplePos = add(rayOrigin, scale(viewDirection, tRay));\n const sampleRadius = len(samplePos);\n const upUnit: Vec3 = [\n samplePos[0] / sampleRadius,\n samplePos[1] / sampleRadius,\n samplePos[2] / sampleRadius,\n ];\n const sampleHeight = sampleRadius - GROUND_RADIUS;\n\n // Angles for view ray and sun relative to local up\n const viewCos = clamp(dot(upUnit, viewDirection), -1, 1);\n const sunCos = clamp(dot(upUnit, sunDirection), -1, 1);\n const viewAngle = Math.acos(Math.abs(viewCos));\n const sunAngle = Math.acos(sunCos);\n\n // Transmittance camera→sample and sample→space\n const transmittanceToSpace = computeTransmittance(\n sampleHeight,\n viewAngle,\n );\n const transmittanceCameraToSample = [0, 0, 0] as Vec3;\n for (let k = 0; k < 3; k++) {\n transmittanceCameraToSample[k] = isRayPointingDownwardAtStart\n ? transmittanceToSpace[k] / transmittanceCameraToSpace[k]\n : transmittanceCameraToSpace[k] / transmittanceToSpace[k];\n }\n\n // Transmittance from sample toward the sun\n const transmittanceLight = computeTransmittance(sampleHeight, sunAngle);\n\n // Local densities and phase functions\n const opticalDensityRay = Math.exp(\n -sampleHeight / RAYLEIGH_SCALE_HEIGHT,\n );\n const opticalDensityMie = Math.exp(-sampleHeight / MIE_SCALE_HEIGHT);\n const sunViewCos = clamp(dot(sunDirection, viewDirection), -1, 1);\n const sunViewAngle = Math.acos(sunViewCos);\n const phaseR = rayleighPhase(sunViewAngle);\n const phaseM = miePhase(sunViewAngle);\n\n // Single-scattering contribution\n const scatteredRgb = [0, 0, 0] as Vec3;\n for (let k = 0; k < 3; k++) {\n const rayleighTerm = RAYLEIGH_SCATTER[k] * opticalDensityRay * phaseR;\n const mieTerm = MIE_SCATTER * opticalDensityMie * phaseM;\n scatteredRgb[k] = transmittanceLight[k] * (rayleighTerm + mieTerm);\n }\n\n // Accumulate along the ray\n for (let k = 0; k < 3; k++) {\n inscattered[k] +=\n transmittanceCameraToSample[k] * scatteredRgb[k] * segmentLength;\n }\n tRay += segmentLength;\n }\n\n for (let k = 0; k < 3; k++) inscattered[k] *= SUN_INTENSITY;\n }\n\n // Post-process: exposure → gentle sunset bias → ACES tonemap → gamma → 8-bit RGB\n let color = inscattered.slice() as Vec3;\n color = color.map((c) => c * EXPOSURE) as Vec3;\n color = applySunsetBias(color);\n color = aces(color);\n color = color.map((c) => Math.pow(c, 1.0 / GAMMA)) as Vec3;\n const rgb = color.map((c) => Math.round(clamp(c, 0, 1) * 255)) as Vec3;\n\n // 0% at zenith (top), 100% at horizon (bottom)\n const percent = (1 - s) * 100;\n stops.push({ percent, rgb });\n }\n\n // Compose CSS gradient string from the ordered stops\n stops.sort((a, b) => a.percent - b.percent);\n const colorStops = stops\n .map(\n ({ percent, rgb }) =>\n `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]}) ${Math.round(percent * 100) / 100\n }%`,\n )\n .join(\", \");\n return [\n `linear-gradient(to bottom, ${colorStops})`,\n stops[0].rgb,\n stops[stops.length - 1].rgb,\n ];\n}\n",[],[289,295],{"_104":303,"_97":304,"_159":305,"_161":290,"_162":144,"_163":306,"_165":166,"_106":307,"_101":181,"_168":207,"_170":308,"_171":22,"_172":-5,"_173":309,"_100":310},"7d8a04de-0540-11f1-91f0-42dde27851f2","types.ts","f32255ac-0522-11f1-9f54-42dde27851f2",51,["D",1770590996737],"/** Shared types and constants for Sundays in SF */\n\nexport interface TimerConfig {\n name: string;\n durationSeconds: number;\n alarmSoundId: string;\n showCountdown: boolean;\n}\n\nexport interface AlarmSound {\n id: string;\n name: string;\n url: string;\n}\n\nexport const ALARM_SOUNDS: AlarmSound[] = [\n {\n id: \"mr-blue-sky\",\n name: \"Mr. Blue Sky\",\n url: \"/api/blob/mrbluesky_snippet\",\n },\n];\n\n// San Francisco coordinates\nexport const SF_LAT = 37.7749;\nexport const SF_LON = -122.4194;\n",[],[289,304],{"_104":312,"_97":313,"_159":314,"_161":290,"_162":144,"_163":315,"_165":166,"_106":316,"_101":33,"_168":207,"_170":317,"_171":22,"_172":-5,"_173":318,"_100":319},"f31c10d4-0522-11f1-b3fa-42dde27851f2","utils.ts","f31c117e-0522-11f1-b3fa-42dde27851f2",16,["D",1770578309083],"/**\n * Vector utilities for atmospheric rendering calculations\n */\n\nexport type Vec3 = [number, number, number];\n\nexport function clamp(x: number, min: number, max: number) {\n return Math.max(min, Math.min(max, x));\n}\n\nexport function dot(v1: Vec3, v2: Vec3) {\n return v1[0] * v2[0] + v1[1] * v2[1] + v1[2] * v2[2];\n}\n\nexport function len(v: Vec3) {\n return Math.hypot(v[0], v[1], v[2]);\n}\n\nexport function norm(v: Vec3): Vec3 {\n const l = len(v) || 1;\n return [v[0] / l, v[1] / l, v[2] / l];\n}\n\nexport function add(v1: Vec3, v2: Vec3): Vec3 {\n return [v1[0] + v2[0], v1[1] + v2[1], v1[2] + v2[2]];\n}\n\nexport function scale(v: Vec3, s: number): Vec3 {\n return [v[0] * s, v[1] * s, v[2] * s];\n}\n\nexport function exp(v: Vec3): Vec3 {\n return [Math.exp(v[0]), Math.exp(v[1]), Math.exp(v[2])];\n}\n",[],[289,313],[289],{"_104":322,"_97":323,"_159":324,"_161":-5,"_162":144,"_163":325,"_165":166,"_106":326,"_101":33,"_168":264,"_170":327,"_171":22,"_172":-5,"_173":328,"_100":329},"f3334010-0522-11f1-b30d-42dde27851f2",".vtignore","f33340e2-0522-11f1-b30d-42dde27851f2",20,["D",1770578309237],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[323],{"_104":331,"_97":332,"_159":333,"_161":-5,"_162":144,"_163":334,"_165":166,"_106":335,"_101":181,"_168":264,"_170":336,"_171":22,"_172":-5,"_173":337,"_100":338},"7d86b518-0540-11f1-9e2c-42dde27851f2","AGENTS.md","f32de750-0522-11f1-a896-42dde27851f2",50,["D",1770590996714],"# Sundays in SF\n\nEvent management app for Sundays in SF sessions with live sky gradients and Apple HIG-inspired design.\n\n## Project Overview\n\nThis is a single-page React app with three main screens:\n1. **Pre-Session**: Welcome screen with WiFi QR code and schedule\n2. **Timer**: Create and run timers with animated sunrise-to-sundown gradient\n3. **Closeout**: Thank you screen with QR codes for next session and Commons Public Hours\n\nAll screens feature live San Francisco sky gradient backgrounds using atmospheric scattering simulation.\n\n## Configuration\n\nSet these environment variables in Val Town:\n- `SUNDAYS_WIFI_SSID`: WiFi network name\n- `SUNDAYS_WIFI_PASSWORD`: WiFi password\n- `SUNDAYS_NEXT_SESSION_URL`: URL for next session QR code\n- `SUNDAYS_COMMONS_URL`: URL for Commons Public Hours QR code\n\nThe alarm sound is served from blob storage via the `/api/blob/mrbluesky_snippet` endpoint.\n\n## Architecture\n\n- **Backend**: Hono server (`backend/index.http.ts`) serves the frontend and injects env vars\n- **Frontend**: React SPA with TailwindCSS and custom Apple HIG styling\n- **Shared**: Atmospheric rendering engine and shared types\n- **No database**: All state is client-side, no persistence needed\n\n## Key Technical Details\n\n- Gradient rendering uses physical atmospheric scattering model\n- Timer animation maps full day cycle (dawn→noon→dusk) to timer duration linearly\n- Glass-morphism cards use `backdrop-filter: blur(40px)`\n- WiFi QR codes use standard `WIFI:T:WPA;S:{ssid};P:{password};;` format\n- Host navigation is a floating pill-shaped segment control\n\nSee `README.md` for full setup instructions.\n",[],[332],{"_104":340,"_97":341,"_159":342,"_161":-5,"_162":144,"_163":343,"_165":166,"_106":344,"_101":33,"_168":264,"_170":345,"_171":22,"_172":-5,"_173":346,"_100":347},"9202ff54-0524-11f1-bd37-42dde27851f2","README.md","92030030-0524-11f1-bd37-42dde27851f2",24,["D",1770579005162],"# Sundays in SF\n\nA beautiful event management web app for Sundays in SF sessions, featuring live San Francisco sky gradient backgrounds and a whimsical Apple HIG-inspired design.\n\n## Features\n\n- **Pre-Session Screen**: Welcome message with WiFi QR code and session schedule\n- **Timer Screen**: Create and run timers with animated sunrise-to-sundown gradient backgrounds\n- **Closeout Screen**: Thank you message with QR codes for next session and Commons Public Hours\n- **Live Sky Gradients**: Real-time San Francisco sky rendering using atmospheric scattering simulation\n\n## Setup\n\n### Environment Variables\n\nConfigure these in your Val Town environment:\n\n```\nSUNDAYS_WIFI_SSID=your-wifi-network-name\nSUNDAYS_WIFI_PASSWORD=your-wifi-password\nSUNDAYS_NEXT_SESSION_URL=https://your-rsvp-link\nSUNDAYS_COMMONS_URL=https://your-commons-link\n```\n\n### Audio File\n\nReplace the placeholder in `shared/types.ts`:\n\n```typescript\nexport const ALARM_SOUNDS: AlarmSound[] = [\n {\n id: \"mr-blue-sky\",\n name: \"Mr. Blue Sky\",\n url: \"YOUR_AUDIO_FILE_URL\", // Replace PLACEHOLDER_URL with your hosted audio\n },\n];\n```\n\n## Project Structure\n\n```\nsundays/\n├── backend/\n│ └── index.http.ts # Hono server with env var injection\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main app shell with navigation\n│ │ ├── PreSession.tsx # Welcome screen\n│ │ ├── TimerCreate.tsx # Timer setup form\n│ │ ├── TimerRunning.tsx # Animated timer with gradient\n│ │ └── Closeout.tsx # Thank you screen\n│ ├── hooks.ts # Shared React hooks\n│ ├── index.html # HTML shell\n│ ├── index.tsx # React entry point\n│ └── style.css # Apple HIG design system\n├── shared/\n│ ├── gradient.ts # Atmospheric scattering renderer\n│ ├── utils.ts # Vector math utilities\n│ └── types.ts # Shared TypeScript types\n└── deno.json # Deno configuration\n```\n\n## Design System\n\n- **Typography**: SF Pro system font stack with fluid sizing\n- **Layout**: Glass-morphism cards with generous whitespace\n- **Animation**: Smooth transitions and staggered entrances\n- **Colors**: Translucent white UI over live sky gradients\n- **Navigation**: Floating pill-shaped segment control\n\n## Credits\n\nAtmospheric rendering derived from [\"Production Sky Rendering\"](https://www.shadertoy.com/view/slSXRW) by Andrew Helmer (MIT License).\n",[],[341],{"_104":349,"_97":350,"_159":351,"_161":-5,"_162":144,"_163":352,"_165":166,"_106":353,"_101":33,"_168":264,"_170":354,"_171":22,"_172":-5,"_173":355,"_100":356},"f312d5dc-0522-11f1-b481-42dde27851f2","deno.json","f312d6c2-0522-11f1-b481-42dde27851f2",14,["D",1770578309024],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[350],"files",[156,175,187,193,200,211,220,230,239,249,258,268,276,287,293,302,311,321,330,339,348],"counts",{"_361":33,"_362":206,"_363":33,"_364":365,"_368":369},"pulls","branches","forks","envVars",{"_366":226,"_367":33},"count","emptyCount","connections",{"_366":33,"_370":33},"unfilledCount","contents",[373,376,379,382,385,388,391],{"_104":157,"_97":158,"_159":160,"_161":-5,"_162":144,"_163":164,"_165":166,"_106":374,"_101":33,"_168":169,"_170":-5,"_171":22,"_172":-5,"_100":375},["D",1770578308260],[158],{"_104":188,"_97":189,"_159":190,"_161":-5,"_162":144,"_163":181,"_165":166,"_106":377,"_101":33,"_168":169,"_170":-5,"_171":22,"_172":-5,"_100":378},["D",1770578308128],[189],{"_104":288,"_97":289,"_159":290,"_161":-5,"_162":144,"_163":226,"_165":166,"_106":380,"_101":33,"_168":169,"_170":-5,"_171":22,"_172":-5,"_100":381},["D",1770578308391],[289],{"_104":322,"_97":323,"_159":324,"_161":-5,"_162":144,"_163":325,"_165":166,"_106":383,"_101":33,"_168":264,"_170":327,"_171":22,"_172":-5,"_100":384},["D",1770578309237],[323],{"_104":331,"_97":332,"_159":333,"_161":-5,"_162":144,"_163":334,"_165":166,"_106":386,"_101":181,"_168":264,"_170":336,"_171":22,"_172":-5,"_100":387},["D",1770590996714],[332],{"_104":340,"_97":341,"_159":342,"_161":-5,"_162":144,"_163":343,"_165":166,"_106":389,"_101":33,"_168":264,"_170":345,"_171":22,"_172":-5,"_100":390},["D",1770579005162],[341],{"_104":349,"_97":350,"_159":351,"_161":-5,"_162":144,"_163":352,"_165":166,"_106":392,"_101":33,"_168":264,"_170":354,"_171":22,"_172":-5,"_100":393},["D",1770578309024],[350],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_95":96,"_97":98,"_102":402,"_364":407,"_427":22},{"_104":105,"_97":98,"_106":403,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":33,"_16":121,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":404,"_136":405,"_141":406,"_153":22},["D",1769124382651],{"_95":96,"_134":135},{"_95":96,"_138":135,"_14":115,"_139":140},{"_101":143,"_97":45,"_104":144,"_145":105,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":98,"_152":96},[408,415,419,423],{"_409":410,"_106":411,"_412":413,"_112":74,"_414":22},"key","SUNDAYS_COMMONS_URL",["D",1770580337808],"updatedAt",["D",1770580557492],"isEmpty",{"_409":416,"_106":417,"_412":418,"_112":74,"_414":22},"SUNDAYS_NEXT_SESSION_URL",["D",1770580327794],["D",1770580375724],{"_409":420,"_106":421,"_412":422,"_112":74,"_414":22},"SUNDAYS_WIFI_PASSWORD",["D",1770580317482],["D",1770580396287],{"_409":424,"_106":425,"_412":426,"_112":74,"_414":22},"SUNDAYS_WIFI_SSID",["D",1770580286002],["D",1770580388782],"isTeamOrg","actionData","errors"]

Key	Description
SUNDAYS_COMMONS_URL
SUNDAYS_NEXT_SESSION_URL
SUNDAYS_WIFI_PASSWORD
SUNDAYS_WIFI_SSID

shapedlines

sundays

Environment variables