Compare commits

...

2 Commits

Author SHA1 Message Date
4a7d07ab20 sync: auto-sync from GURU-BEAST-ROG at 2026-05-01 05:35:53
Author: Mike Swanson
Machine: GURU-BEAST-ROG
Timestamp: 2026-05-01 05:35:53
2026-05-01 05:36:29 -07:00
d7ce9cb670 radio: visual redesign of search + episode pages, active-Q&A highlight follows playhead
Frontend pass on the two embedded HTML templates in the FastAPI server. No
backend / Python logic changed; only template strings, CSS, and inline JS.

Index page: full CSS custom-property theme (light, #c39733 accent),
responsive viewport meta, search input with embedded SVG magnifier and
focus ring, control bar reorganised into divider-separated groups with
the browse-mode toggle rendered via :has() selector, hit cards with
hover-lift + arrow indicator and focus-visible outline, restyled Q/A
badges and score/topic chips, animated loading dots.

Episode page: sticky audio player and sticky aside (top: 130px,
max-height calc'd against viewport). New active-Q&A highlight builds a
sorted index of QA blocks at load time, computes each block's end as
the next block's start (capped at +180s), and on timeupdate/pause
toggles .active on both the body QA block and its aside list item; a
"NOW PLAYING" pill is revealed on .qa.active. Intro-marker also gets
.active. Audio preload bumped from none to metadata so #qa-<id> deep
links can seek without a prior user gesture.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-01 05:35:55 -07:00
2 changed files with 647 additions and 253 deletions

View File

@@ -1 +1 @@
{"sessionId":"31aaef87-777d-44da-b349-33c7d60e9f89","pid":39128,"acquiredAt":1777572911399}
{"sessionId":"aebc81fa-2fbf-471d-abed-2f6338d36987","pid":77200,"acquiredAt":1777494782547}

File diff suppressed because it is too large Load Diff