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": "Raum erstellen",
"DEMO_JOINED": "Raum beigetreten",
"DEMO_TAB_SELECTED": "Tab ausgewählt",
"DEMO_SELECT_PLACEHOLDER": "Video-Tab wählen…",
"ADD_TO_CHROME": "Zu Chrome hinzufügen",
"ADD_TO_FIREFOX": "Zu Firefox hinzufügen",
"COMPAT_HEADING": "Funktioniert auf deinen Lieblingsplattformen",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Create Room",
"DEMO_JOINED": "Room joined",
"DEMO_TAB_SELECTED": "Tab selected",
"DEMO_SELECT_PLACEHOLDER": "Choose a video tab…",
"ADD_TO_CHROME": "Add to Chrome",
"ADD_TO_FIREFOX": "Add to Firefox",
"COMPAT_HEADING": "Works on your favorite platforms",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Crear sala",
"DEMO_JOINED": "Conectado a la sala",
"DEMO_TAB_SELECTED": "Pestaña seleccionada",
"DEMO_SELECT_PLACEHOLDER": "Elige una pestaña de video…",
"ADD_TO_CHROME": "Añadir a Chrome",
"ADD_TO_FIREFOX": "Añadir a Firefox",
"COMPAT_HEADING": "Funciona en tus plataformas favoritas",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Créer un salon",
"DEMO_JOINED": "Salon rejoint",
"DEMO_TAB_SELECTED": "Onglet sélectionné",
"DEMO_SELECT_PLACEHOLDER": "Choisir un onglet vidéo…",
"ADD_TO_CHROME": "Ajouter à Chrome",
"ADD_TO_FIREFOX": "Ajouter à Firefox",
"COMPAT_HEADING": "Fonctionne sur vos plateformes préférées",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Crea stanza",
"DEMO_JOINED": "Entrato nella stanza",
"DEMO_TAB_SELECTED": "Scheda selezionata",
"DEMO_SELECT_PLACEHOLDER": "Scegli una scheda video…",
"ADD_TO_CHROME": "Aggiungi a Chrome",
"ADD_TO_FIREFOX": "Aggiungi a Firefox",
"COMPAT_HEADING": "Compatibile con le tue piattaforme preferite",
+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": "お気に入りのプラットフォームで動作",
+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": "가장 좋아하는 플랫폼에서 작동합니다",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Kamer aanmaken",
"DEMO_JOINED": "In de kamer",
"DEMO_TAB_SELECTED": "Tabblad geselecteerd",
"DEMO_SELECT_PLACEHOLDER": "Kies een videotabblad…",
"ADD_TO_CHROME": "Toevoegen aan Chrome",
"ADD_TO_FIREFOX": "Toevoegen aan Firefox",
"COMPAT_HEADING": "Werkt op uw favoriete platforms",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Utwórz pokój",
"DEMO_JOINED": "Dołączono do pokoju",
"DEMO_TAB_SELECTED": "Karta wybrana",
"DEMO_SELECT_PLACEHOLDER": "Wybierz kartę wideo…",
"ADD_TO_CHROME": "Dodaj do Chrome",
"ADD_TO_FIREFOX": "Dodaj do Firefox",
"COMPAT_HEADING": "Działa na Twoich ulubionych platformach",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Criar sala",
"DEMO_JOINED": "Entrou na sala",
"DEMO_TAB_SELECTED": "Aba selecionada",
"DEMO_SELECT_PLACEHOLDER": "Escolha uma aba de vídeo…",
"ADD_TO_CHROME": "Adicionar ao Chrome",
"ADD_TO_FIREFOX": "Adicionar ao Firefox",
"COMPAT_HEADING": "Funciona nas suas plataformas favoritas",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Criar sala",
"DEMO_JOINED": "Entrou na sala",
"DEMO_TAB_SELECTED": "Separador selecionado",
"DEMO_SELECT_PLACEHOLDER": "Escolha um separador de vídeo…",
"ADD_TO_CHROME": "Adicionar ao Chrome",
"ADD_TO_FIREFOX": "Adicionar ao Firefox",
"COMPAT_HEADING": "Funciona nas suas plataformas favoritas",
+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": "Работает на ваших любимых платформах",
+1
View File
@@ -23,6 +23,7 @@
"DEMO_CREATE_ROOM": "Oda oluştur",
"DEMO_JOINED": "Odaya katıldı",
"DEMO_TAB_SELECTED": "Sekme seçildi",
"DEMO_SELECT_PLACEHOLDER": "Bir video sekmesi seçin…",
"ADD_TO_CHROME": "Chrome'a Ekle",
"ADD_TO_FIREFOX": "Firefox'a Ekle",
"COMPAT_HEADING": "En sevdiğiniz platformlarda çalışır",
+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": "Працює на ваших улюблених платформах",
+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": "适用于您最喜欢的平台",