diff --git a/website/locales/de.json b/website/locales/de.json index 9185960..7d2ba95 100644 --- a/website/locales/de.json +++ b/website/locales/de.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Überbrückt die Distanz und genießt gemeinsame Date-Nächte. Erlebt jeden Plot-Twist, lacht über dieselben Witze und teilt emotionale Momente zur selben Millisekunde.", "WHY_TITLE": "Warum KoalaSync?", "WHY_SUBTITLE": "Entwickelt für zuverlässigen Sync, Datenschutz und einfache Einrichtung.", - "FEATURE_1_TITLE": "Volle Kontrolle, in Echtzeit", - "FEATURE_1_DESC": "Einer pausiert, alle pausieren. Einer spult, alle folgen. Unser Zwei-Phasen-Synchronisationsprotokoll koordiniert die Wiedergabe aller Teilnehmer in Echtzeit.", + "FEATURE_1_TITLE": "Raum-Kontrolle & Sync", + "FEATURE_1_DESC": "Du bestimmst, wer die Wiedergabe steuert. Wähle zwischen Host-Kontrolle, Co-Host-Freigaben oder freiem Zugriff für alle. Jeder Klick bleibt perfekt synchron.", "FEATURE_2_TITLE": "Grenzenloses Bingen", "FEATURE_2_DESC": "Nächste Episode startet für jeden zeitgleich. KoalaSync erkennt den Episodenwechsel und pausiert, bis jeder Teilnehmer das neue Video fertig geladen hat.", "FEATURE_3_TITLE": "Keine Accounts / Datenschutz", diff --git a/website/locales/en.json b/website/locales/en.json index b3d71ff..dc1d901 100644 --- a/website/locales/en.json +++ b/website/locales/en.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Bridge the distance and enjoy date nights. Experience every plot twist, laugh at the same jokes, and share emotional moments at the exact same millisecond.", "WHY_TITLE": "Why KoalaSync?", "WHY_SUBTITLE": "Built for reliable sync, privacy-first design, and easy setup.", - "FEATURE_1_TITLE": "Full Control / Instant Sync", - "FEATURE_1_DESC": "One pauses, everyone pauses. One seeks, everyone follows. Our two-phase sync protocol coordinates playback in real time across all participants.", + "FEATURE_1_TITLE": "Host Control & Sync", + "FEATURE_1_DESC": "You decide who controls playback. Choose between Host-only control, Co-host permissions, or Free-for-all mode. Every seek and pause stays perfectly frame-locked.", "FEATURE_2_TITLE": "Endless Binge-Watching", "FEATURE_2_DESC": "Autoplay in sync. KoalaSync automatically detects episode transitions and holds playback until all peers have successfully loaded the next video.", "FEATURE_3_TITLE": "Zero Accounts / Pure Privacy", diff --git a/website/locales/es.json b/website/locales/es.json index 9520c3c..9a9515f 100644 --- a/website/locales/es.json +++ b/website/locales/es.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Reduce la distancia y disfruta de noches de citas. Vive cada giro de la trama, ríete de los mismos chistes y comparte momentos emotivos en el mismo milisegundo exacto.", "WHY_TITLE": "¿Por qué KoalaSync?", "WHY_SUBTITLE": "Diseñado para una sincronización confiable, con la privacidad como prioridad y una configuración sencilla.", - "FEATURE_1_TITLE": "Control total / Sincronización instantánea", - "FEATURE_1_DESC": "Si uno pausa, todos pausan. Si uno avanza, todos le siguen. Nuestro protocolo de sincronización en dos fases coordina la reproducción en tiempo real para todos los participantes.", + "FEATURE_1_TITLE": "Control del host y sincronización", + "FEATURE_1_DESC": "Tú decides quién controla la reproducción. Elige entre control exclusivo del host, permisos para cohosts o acceso libre para todos.", "FEATURE_2_TITLE": "Maratones sin fin", "FEATURE_2_DESC": "Reproducción automática sincronizada. KoalaSync detecta automáticamente los cambios de episodio y detiene la reproducción hasta que todos los participantes hayan cargado el siguiente video.", "FEATURE_3_TITLE": "Sin cuentas / Privacidad absoluta", diff --git a/website/locales/fr.json b/website/locales/fr.json index 038b7bb..02e1af4 100644 --- a/website/locales/fr.json +++ b/website/locales/fr.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Comblez la distance et profitez de soirées en tête-à-tête. Vivez chaque rebondissement, riez des mêmes blagues et partagez des moments émotionnels à la milliseconde près.", "WHY_TITLE": "Pourquoi KoalaSync ?", "WHY_SUBTITLE": "Conçu pour une synchronisation fiable, le respect de la vie privée et une configuration facile.", - "FEATURE_1_TITLE": "Contrôle total / Synchro instantanée", - "FEATURE_1_DESC": "Un joueur met en pause, tout le monde met en pause. Un joueur avance, tout le monde suit. Notre protocole de synchronisation en deux phases coordonne la lecture en temps réel pour tous les participants.", + "FEATURE_1_TITLE": "Contrôle de l'hôte et synchronisation", + "FEATURE_1_DESC": "Vous décidez qui contrôle la lecture. Choisissez entre le contrôle exclusif de l'hôte, les droits de co-hôte ou l'accès libre pour tous.", "FEATURE_2_TITLE": "Binge-watching sans fin", "FEATURE_2_DESC": "Lecture automatique synchronisée. KoalaSync détecte automatiquement les transitions d'épisodes et suspend la lecture jusqu'à ce que tous les participants aient chargé la vidéo suivante.", "FEATURE_3_TITLE": "Aucun compte / Vie privée garantie", diff --git a/website/locales/it.json b/website/locales/it.json index 76ab794..f9d1f14 100644 --- a/website/locales/it.json +++ b/website/locales/it.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Accorcia le distanze e goditi serate romantiche. Vivi ogni emozione e ridi alle stesse battute nello stesso identico istante.", "WHY_TITLE": "Perché KoalaSync?", "WHY_SUBTITLE": "Sincronizzazione affidabile, massima privacy e configurazione immediata.", - "FEATURE_1_TITLE": "Controllo Totale / Sincro Istantanea", - "FEATURE_1_DESC": "Se uno mette in pausa, tutti si fermano. Se uno salta in avanti, gli altri lo seguono. Tutto in tempo reale.", + "FEATURE_1_TITLE": "Controllo dell'host e sincronizzazione", + "FEATURE_1_DESC": "Decidi tu chi controlla la riproduzione. Scegli tra controllo esclusivo dell'host, permessi per co-host o accesso libero per tutti.", "FEATURE_2_TITLE": "Maratone senza interruzioni", "FEATURE_2_DESC": "Riproduzione automatica sincronizzata. KoalaSync attende che tutti abbiano caricato l'episodio successivo prima di farlo partire.", "FEATURE_3_TITLE": "Senza Account / Privacy Totale", diff --git a/website/locales/ja.json b/website/locales/ja.json index 1c80cb7..f93b112 100644 --- a/website/locales/ja.json +++ b/website/locales/ja.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "距離を縮めてデートナイトを楽しみましょう。すべてのストーリー展開を体験し、同じジョックで笑い、感情的な瞬間をまったく同じミリ秒で共有します。", "WHY_TITLE": "KoalaSyncを選ぶ理由", "WHY_SUBTITLE": "信頼性の高い同期、プライバシー優先の設計、簡単なセットアップのために構築。", - "FEATURE_1_TITLE": "完全なコントロール / 即時同期", - "FEATURE_1_DESC": "一人が一時停止すれば、全員が一時停止。一人がシークすれば、全員が追従。2フェーズ同期プロトコルが、リアルタイムで全員の再生状況を連動させます。", + "FEATURE_1_TITLE": "ホスト制御と同期", + "FEATURE_1_DESC": "再生をコントロールする人を自由に決定できます。ホスト限定、共同ホスト権限、または全員による自由な操作から選択可能です。", "FEATURE_2_TITLE": "終わらない連続視聴", "FEATURE_2_DESC": "同期した自動再生。KoalaSyncはエピソードの切り替えを自動検知し、全員が次の動画を読み込むまで再生を待機します。", "FEATURE_3_TITLE": "アカウント不要 / 純粋なプライバシー", diff --git a/website/locales/ko.json b/website/locales/ko.json index 8e8bb6b..aff4ea6 100644 --- a/website/locales/ko.json +++ b/website/locales/ko.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "거리의 한계를 넘어 데이트를 즐겨보세요. 모든 줄거리의 반전을 경험하고, 같은 농담에 웃으며, 감동적인 순간을 정확히 같은 밀리초에 공유하세요.", "WHY_TITLE": "왜 KoalaSync인가요?", "WHY_SUBTITLE": "신뢰할 수 있는 동기화, 개인정보 보호 중심 설계, 쉬운 설정을 위해 구축되었습니다.", - "FEATURE_1_TITLE": "완벽한 제어 / 즉시 동기화", - "FEATURE_1_DESC": "한 명이 일시정지하면 모두가 일시정지됩니다. 한 명이 탐색하면 모두가 따라갑니다. 당사의 2단계 동기화 프로토콜은 실시간으로 모든 참여자의 비디오 재생을 조율합니다.", + "FEATURE_1_TITLE": "방장 제어 및 동기화", + "FEATURE_1_DESC": "누가 재생을 제어할지 직접 결정하세요. 방장 전용 제어, 공동 방장 권한부여, 또는 누구나 제어 가능한 자유 모드 중에서 선택할 수 있습니다.", "FEATURE_2_TITLE": "끊임없는 몰아보기", "FEATURE_2_DESC": "동기화된 자동 재생. KoalaSync는 에피소드 전환을 자동으로 감지하고 모든 참여자가 다음 비디오를 로드할 때까지 재생을 대기시킵니다.", "FEATURE_3_TITLE": "계정 없음 / 완전한 개인정보 보호", diff --git a/website/locales/nl.json b/website/locales/nl.json index 5e36a7b..b0fae4f 100644 --- a/website/locales/nl.json +++ b/website/locales/nl.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Overbrug de afstand en geniet van date nights. Ervaar elke plotwending, lach om dezelfde grappen en deel emotionele momenten op exact dezelfde milliseconde.", "WHY_TITLE": "Waarom KoalaSync?", "WHY_SUBTITLE": "Gebouwd voor betrouwbare synchronisatie, privacy-first ontwerp en eenvoudige installatie.", - "FEATURE_1_TITLE": "Volledige controle / Directe synchronisatie", - "FEATURE_1_DESC": "Eén pauzeert, iedereen pauzeert. Eén spoelt, iedereen volgt. Ons tweefasige synchronisatieprotocol coördineert het afspelen in realtime voor alle deelnemers.", + "FEATURE_1_TITLE": "Host-controle & synchronisatie", + "FEATURE_1_DESC": "Jij bepaalt wie het afspelen bedient. Kies uit exclusieve host-controle, machtigingen voor co-hosts of vrije bediening voor iedereen.", "FEATURE_2_TITLE": "Eindeloos binge-watchen", "FEATURE_2_DESC": "Automatisch afspelen in sync. KoalaSync detecteert automatisch afleveringsovergangen en houdt het afspelen vast totdat alle deelnemers de volgende video succesvol hebben geladen.", "FEATURE_3_TITLE": "Geen accounts / Pure privacy", diff --git a/website/locales/pl.json b/website/locales/pl.json index b13a329..eb457be 100644 --- a/website/locales/pl.json +++ b/website/locales/pl.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Pokonaj odległość i ciesz się randkami. Przeżywajcie każdy zwrot akcji, śmiejcie się z tych samych żartów i dzielcie emocje w tej samej milisekundzie.", "WHY_TITLE": "Dlaczego KoalaSync?", "WHY_SUBTITLE": "Stworzony z myślą o niezawodnej synchronizacji, prywatności i łatwej konfiguracji.", - "FEATURE_1_TITLE": "Pełna kontrola / Natychmiastowa synchronizacja", - "FEATURE_1_DESC": "Jeden zatrzymuje, wszyscy zatrzymują. Jeden przewija, wszyscy podążają. Nasz dwufazowy protokół synchronizacji koordynuje odtwarzanie w czasie rzeczywistym u wszystkich uczestników.", + "FEATURE_1_TITLE": "Kontrola hosta i synchronizacja", + "FEATURE_1_DESC": "Decydujesz, kto kontroluje odtwarzanie. Wybierz wyłączną kontrolę hosta, uprawnienia współhostów lub tryb wolny dla wszystkich.", "FEATURE_2_TITLE": "Niekończące się oglądanie", "FEATURE_2_DESC": "Autoodtwarzanie w synchronizacji. KoalaSync automatycznie wykrywa zmiany odcinków i wstrzymuje odtwarzanie, dopóki wszyscy uczestnicy nie załadują następnego filmu.", "FEATURE_3_TITLE": "Zero kont / Czysta prywatność", diff --git a/website/locales/pt-BR.json b/website/locales/pt-BR.json index 1e3e836..16f0a80 100644 --- a/website/locales/pt-BR.json +++ b/website/locales/pt-BR.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Aproveite as noites a dois. Ria das mesmas piadas e sinta as mesmas emoções exatamente no mesmo segundo.", "WHY_TITLE": "Por que o KoalaSync?", "WHY_SUBTITLE": "Sincronização confiável, máxima privacidade e uso simples.", - "FEATURE_1_TITLE": "Controle Total / Sincronia Instantânea", - "FEATURE_1_DESC": "Se um pausa, todos pausam. Se um avança, todos seguem. Sincronização em tempo real para todos os participantes.", + "FEATURE_1_TITLE": "Controle do host e sincronização", + "FEATURE_1_DESC": "Você decide quem controla a reprodução. Escolha entre controle exclusivo do host, permissões para co-hosts ou acesso livre para todos.", "FEATURE_2_TITLE": "Maratonas Sem Interrupções", "FEATURE_2_DESC": "O KoalaSync detecta a mudança de episódios e pausa automaticamente até que todos tenham carregado o vídeo seguinte.", "FEATURE_3_TITLE": "Sem Contas / Privacidade Absoluta", diff --git a/website/locales/pt.json b/website/locales/pt.json index bdd545e..2460312 100644 --- a/website/locales/pt.json +++ b/website/locales/pt.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Aproveite as noites a dois. Ria das mesmas piadas e sinta as mesmas emoções exatamente no mesmo milissegundo.", "WHY_TITLE": "Porquê o KoalaSync?", "WHY_SUBTITLE": "Sincronização fiável, máxima privacidade e uso simples.", - "FEATURE_1_TITLE": "Controlo Total / Sincronia Instantânea", - "FEATURE_1_DESC": "Se um pausa, todos pausam. Se um avança, todos seguem. Sincronização em tempo real para todos os participantes.", + "FEATURE_1_TITLE": "Controlo do host e sincronização", + "FEATURE_1_DESC": "Tu decides quem controla a reprodução. Escolhe entre controlo exclusivo do host, permissões para co-hosts ou acesso livre para todos.", "FEATURE_2_TITLE": "Maratonas sem interrupções", "FEATURE_2_DESC": "O KoalaSync deteta a mudança de episódios e pausa automaticamente até que todos tenham carregado o vídeo seguinte.", "FEATURE_3_TITLE": "Sem Contas / Privacidade Absoluta", diff --git a/website/locales/ru.json b/website/locales/ru.json index 87e3efe..c32b734 100644 --- a/website/locales/ru.json +++ b/website/locales/ru.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Сократите расстояние и наслаждайтесь свиданиями. Переживайте каждый поворот сюжета, смейтесь над шутками и делитесь эмоциями в одну и ту же миллисекунду.", "WHY_TITLE": "Почему KoalaSync?", "WHY_SUBTITLE": "Создан для надежной синхронизации, конфиденциальности и простой настройки.", - "FEATURE_1_TITLE": "Полный контроль и мгновенный синхро", - "FEATURE_1_DESC": "Один ставит на паузу — пауза у всех. Один перематывает — все перематывают. Наш двухфазный протокол координирует воспроизведение в реальном времени у всех участников.", + "FEATURE_1_TITLE": "Управление хоста и синхронизация", + "FEATURE_1_DESC": "Вы решаете, кто управляет воспроизведением. Выбирайте между полным контролем хоста, правами со-хостов или свободным доступом для всех.", "FEATURE_2_TITLE": "Бесконечные марафоны", "FEATURE_2_DESC": "Синхронное автовоспроизведение. KoalaSync автоматически определяет переход на следующую серию и ждет, пока она загрузится у всех участников.", "FEATURE_3_TITLE": "Без аккаунтов и хранения данных", diff --git a/website/locales/tr.json b/website/locales/tr.json index 8009de4..fd6fe12 100644 --- a/website/locales/tr.json +++ b/website/locales/tr.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Mesafeleri köprüleyin ve buluşma gecelerinin tadını çıkarın. Her olay örgüsünü deneyimleyin, aynı şakalara gülün ve duygusal anları tam olarak aynı milisaniyede paylaşın.", "WHY_TITLE": "Neden KoalaSync?", "WHY_SUBTITLE": "Güvenilir eşitleme, önce gizlilik ilkesi ve kolay kurulum için tasarlandı.", - "FEATURE_1_TITLE": "Tam Kontrol / Anında Eşitleme", - "FEATURE_1_DESC": "Biri duraklatır, herkes duraklatır. Biri arar, herkes takip eder. İki aşamalı eşitleme protokolümüz, oynatmayı tüm katılımcılar arasında gerçek zamanlı olarak koordine eder.", + "FEATURE_1_TITLE": "Oturum Sahibi Kontrolü ve Senkronizasyon", + "FEATURE_1_DESC": "Oynatmayı kimin kontrol edeceğine siz karar verin. Yalnızca oturum sahibi kontrolü, ortak yönetici izinleri veya herkes için serbest mod seçeneklerinden birini seçin.", "FEATURE_2_TITLE": "Kesintisiz İzleme Keyfi", "FEATURE_2_DESC": "Senkronize otomatik oynatma. KoalaSync, bölüm geçişlerini otomatik olarak algılar ve tüm bağlantılar bir sonraki videoyu başarıyla yükleyene kadar oynatmayı bekletir.", "FEATURE_3_TITLE": "Sıfır Hesap / Saf Gizlilik", diff --git a/website/locales/uk.json b/website/locales/uk.json index 2c58ec1..a8b7347 100644 --- a/website/locales/uk.json +++ b/website/locales/uk.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "Подолайте відстань і насолоджуйтесь побаченнями. Переживайте кожен поворот сюжету, смійтеся над тими самими жартами та діліться емоційними моментами в ту саму мілісекунду.", "WHY_TITLE": "Чому KoalaSync?", "WHY_SUBTITLE": "Створено для надійної синхронізації, конфіденційності та простого налаштування.", - "FEATURE_1_TITLE": "Повний контроль/миттєва синхронізація", - "FEATURE_1_DESC": "Один робить паузу, всі зупиняються. Один шукає, всі йдуть. Наш двофазний протокол синхронізації координує відтворення в режимі реального часу для всіх учасників.", + "FEATURE_1_TITLE": "Керування хоста та синхронізація", + "FEATURE_1_DESC": "Ви вирішуєте, хто керує відтворенням. Вибирайте між повним контролем хоста, дозволами для співхостів або вільним режимом для всіх.", "FEATURE_2_TITLE": "Нескінченне споглядання", "FEATURE_2_DESC": "Автоматичне відтворення синхронізовано. KoalaSync автоматично визначає переходи епізодів і утримує відтворення, доки всі однорангові пристрої успішно не завантажать наступне відео.", "FEATURE_3_TITLE": "Нуль облікових записів / чиста конфіденційність", diff --git a/website/locales/zh.json b/website/locales/zh.json index a103a95..abdc1e5 100644 --- a/website/locales/zh.json +++ b/website/locales/zh.json @@ -42,8 +42,8 @@ "USE_CASE_3_DESC": "拉近距离,享受约会之夜。体验每一个情节转折,嘲笑同样的笑话,并在同一毫秒内分享情感时刻。", "WHY_TITLE": "为什么是KoalaSync?", "WHY_SUBTITLE": "专为可靠的同步、隐私优先的设计和轻松的设置而打造。", - "FEATURE_1_TITLE": "完全控制/即时同步", - "FEATURE_1_DESC": "一个人停顿,所有人都停顿。一追寻,众人追随。我们的两阶段同步协议协调所有参与者的实时播放。", + "FEATURE_1_TITLE": "房主控制与同步", + "FEATURE_1_DESC": "您可以自主决定谁来控制播放。在房主独占控制、协同房主权限或所有人自由操作模式之间进行选择。", "FEATURE_2_TITLE": "无尽的狂欢", "FEATURE_2_DESC": "自动同步播放。 KoalaSync 自动检测剧集转换并保持播放,直到所有对等方都成功加载下一个视频。", "FEATURE_3_TITLE": "零账户/纯粹隐私", diff --git a/website/style.css b/website/style.css index ae66e32..19e89d1 100644 --- a/website/style.css +++ b/website/style.css @@ -3783,3 +3783,77 @@ header[id] { @keyframes demoAttn { 50% { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.75); } } + + +/* --- Bento Card Host Control Mockup Additions --- */ + +.bento-content-wrap { + display: flex; + flex-direction: column; + gap: 1.2rem; + width: 100%; +} + +.bento-host-control-mockup { + background: rgba(15, 23, 42, 0.6); + border: 1px solid rgba(255, 255, 255, 0.05); + border-radius: 12px; + padding: 0.75rem 1rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); + width: 100%; + box-sizing: border-box; +} + +.bento-mockup-header { + font-size: 0.65rem; + text-transform: uppercase; + letter-spacing: 0.5px; + color: var(--text-muted); + font-weight: 700; +} + +.bento-mockup-options { + display: flex; + gap: 0.5rem; + width: 100%; +} + +.bento-option { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + gap: 6px; + font-size: 0.72rem; + font-weight: 600; + padding: 6px 10px; + border-radius: 8px; + background: rgba(255, 255, 255, 0.02); + border: 1px solid rgba(255, 255, 255, 0.04); + color: var(--text-muted); + transition: all 0.25s ease; + white-space: nowrap; +} + +.bento-option.active { + background: rgba(99, 102, 241, 0.12); + border: 1px solid rgba(99, 102, 241, 0.35); + color: white; + box-shadow: 0 0 10px rgba(99, 102, 241, 0.15); +} + +.bento-option .option-dot { + width: 6px; + height: 6px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.25); + transition: background 0.25s ease; +} + +.bento-option.active .option-dot { + background: var(--accent); + box-shadow: 0 0 6px var(--accent-glow); +} diff --git a/website/template.html b/website/template.html index dd9b392..571b323 100644 --- a/website/template.html +++ b/website/template.html @@ -813,7 +813,23 @@ {{FEATURE_1_TITLE}} -

{{FEATURE_1_DESC}}

+
+

{{FEATURE_1_DESC}}

+
+
Host Control Mode
+
+
+ Host Only +
+
+ Co-Hosts +
+
+ Free For All +
+
+
+