fix: hero CTAs invisible until scroll, seek animation skip, layout overhaul

- Remove data-reveal from hero h1/subtitle/mascot/cta-group/version-badge
  (critical above-fold content must never start hidden)
- Change IntersectionObserver rootMargin -150px to -30px, threshold 0.1 to 0.05
  (CTAs at ~530px were past the observer zone on laptops)
- Hero layout: align-items flex-start + padding-top 7.5rem for content at top
- Cards 62cqw to 70cqw, -3% offsets for dramatic overlap cascade
- Film animation: replace stick-figure walker with cinematic night scene
  (7 twinkling stars, glowing moon with drift, parallax mountains, firefly)
- Seek now restarts all film child animations via .demo-reset class toggle
  (was incorrectly resetting parent only — no visible jump)
- Add .demo-seek-sweep overlay + brightness flash during seek
- Video select: placeholder option ('Choose a video tab...') until story picks
- RATE 8 to 1 for realtime playback
- Version badge moved below download buttons
- All 15 locale files: add DEMO_SELECT_PLACEHOLDER key
This commit is contained in:
KoalaDev
2026-07-03 10:42:09 +02:00
parent e5a4032710
commit 573847486b
18 changed files with 219 additions and 95 deletions
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "创建房间",
"DEMO_JOINED": "已加入房间",
"DEMO_TAB_SELECTED": "已选择标签页",
"DEMO_SELECT_PLACEHOLDER": "选择视频标签页…",
"ADD_TO_CHROME": "添加到Chrome",
"ADD_TO_FIREFOX": "添加到Firefox",
"COMPAT_HEADING": "适用于您最喜欢的平台",