freezmo/components/activities
Martin Dvorak 1f2e702b4e Stop blurring the animated scene on static glass (2x frame time)
The MacBook ran hot browsing the app: the ice scene animates constantly, so
every backdrop-filter surface re-ran its blur on every frame. Measured on
desktop (2x CPU throttle, software renderer): p50 frame 66.6ms baseline,
33.3ms with the static surfaces not filtering, 16.7ms with the scene's
animation also off; frames over 34ms: 128 -> 14.

The glass recipe is split: floating layers (sheets, dropdowns, dialogs, the
sticky header/chrome/tab bar) keep the blur (backdrop-blur-lg, what phones
already used); static layers (cards, the sidebar rail, the gate, the study
prompt card) keep the identical tint, rim, highlight and shadow without the
filter. The study prompt card moves from glass-panel to card + glass-solid,
which is the same surface recipe.

Quality: a deterministic pixel diff (scene motion frozen, both themes,
desktop + phone) shows a ~1% colour shift in the card backdrops — invisible.
The mobile axe contrast audit and the bubbles suite stay green.
tests/bubble-perf.mjs now also reports the glass cost. README: decision 61.
SW -> freezmo-v49.
2026-10-12 19:47:36 +00:00
..
FillBlank.tsx Add “Make my homework”, and finish the mobile polish pass 2026-10-08 18:30:33 +00:00
Flashcard.tsx Flashcard flip: paint one face explicitly, never rely on backface-visibility 2026-10-12 07:34:38 +00:00
index.tsx Phase 2: learning engine — history, SRS review, mistakes, stats, exam, reminders 2026-10-10 14:15:21 +00:00
Matching.tsx Add “Make my homework”, and finish the mobile polish pass 2026-10-08 18:30:33 +00:00
MultipleChoice.tsx Add “Make my homework”, and finish the mobile polish pass 2026-10-08 18:30:33 +00:00
Ordering.tsx Add “Make my homework”, and finish the mobile polish pass 2026-10-08 18:30:33 +00:00
shared.tsx Stop blurring the animated scene on static glass (2x frame time) 2026-10-12 19:47:36 +00:00
ShortAnswer.tsx AI disclaimer: one shared component, shown where model output appears 2026-10-11 22:51:16 +00:00
TrueFalse.tsx Add “Make my homework”, and finish the mobile polish pass 2026-10-08 18:30:33 +00:00