diff --git a/website/locales/de.json b/website/locales/de.json index c135719..82a776e 100644 --- a/website/locales/de.json +++ b/website/locales/de.json @@ -112,6 +112,21 @@ "BOTTOM_SUBTITLE": "KoalaSync ist zu 100 % Open Source, werbefrei und trackingsicher. Überprüfe unseren Code auf GitHub oder installiere direkt die Browser-Erweiterung.", "BOTTOM_MASCOT_ALT": "Ein niedlicher Koala hält eine GitHub-Projektseite zusammen mit dem GitHub Maskottchen Octocat", + "FAQ_TITLE": "Häufig gestellte Fragen", + "FAQ_SUBTITLE": "Alles, was du über synchrones Videoschauen mit Freunden wissen musst.", + "FAQ_Q1": "Kann ich Netflix mit Freunden synchron schauen?", + "FAQ_A1": "Ja! KoalaSync funktioniert mit Netflix, YouTube, Twitch, Disney+, Amazon Prime Video und fast jeder Website mit einem HTML5-Videoplayer. Installiere die Erweiterung, erstelle einen Raum, teile den Einladungslink — und alle schauen perfekt synchron, ohne Lag.", + "FAQ_Q2": "Ist KoalaSync eine kostenlose Alternative zu Teleparty?", + "FAQ_A2": "100 % kostenlos und Open Source unter der MIT-Lizenz. Keine Premium-Stufen, keine gesperrten Funktionen, keine Werbung. Anders als Teleparty läuft KoalaSyncs Relay-Server ausschließlich im RAM — ohne Datensammlung und ohne Benutzerkonten.", + "FAQ_Q3": "Funktioniert KoalaSync mit Emby, Jellyfin und eigenen Medienservern?", + "FAQ_A3": "Ja. KoalaSync erkennt jedes HTML5-Videoelement und funktioniert perfekt mit Emby, Jellyfin, Plex und beliebigen eigenen Streaming-Setups. Du kannst den KoalaSync Relay-Server auch via Docker selbst hosten.", + "FAQ_Q4": "Welche Browser und Plattformen unterstützen KoalaSync?", + "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave und alle Chromium-basierten Browser. Direkt aus dem Chrome Web Store oder den Firefox Add-ons installieren — keine manuelle Konfiguration nötig.", + "FAQ_Q5": "Müssen alle meine Freunde die Erweiterung installieren?", + "FAQ_A5": "Ja, jeder Teilnehmer braucht KoalaSync — aber ohne Anmeldung oder Kontoerstellung. Einfach auf den Einladungslink klicken, die Erweiterung installieren (falls nicht vorhanden) und du bist automatisch im Raum.", + "FAQ_Q6": "Sind meine Daten sicher? Wird getrackt oder gespeichert, was ich schaue?", + "FAQ_A6": "Nein. Der KoalaSync Relay-Server läuft ausschließlich im RAM — alle Sitzungsdaten werden sofort gelöscht, wenn du den Raum verlässt. Keine Datenbank, keine Protokolle, keine Analysen, keine Benutzerkonten. Der gesamte Quellcode ist Open Source und auf GitHub einsehbar.", + "FOOTER_MIT": "Open Source unter der MIT-Lizenz.", "FOOTER_RAM": "Keine Daten werden auf unseren Servern gespeichert. Reines RAM-basiertes Relay.", "FOOTER_LEGAL": "Impressum", diff --git a/website/locales/en.json b/website/locales/en.json index b5d7565..0b8be9f 100644 --- a/website/locales/en.json +++ b/website/locales/en.json @@ -112,6 +112,21 @@ "BOTTOM_SUBTITLE": "KoalaSync is 100% open source, ad-free and tracking-free. Audit our codebase on GitHub or install the browser extension directly.", "BOTTOM_MASCOT_ALT": "A cute koala holding a GitHub repository page next to the GitHub mascot Octocat", + "FAQ_TITLE": "Frequently Asked Questions", + "FAQ_SUBTITLE": "Everything you need to know about watching videos together in perfect sync.", + "FAQ_Q1": "Can I watch Netflix together in sync with friends?", + "FAQ_A1": "Yes! KoalaSync works on Netflix, YouTube, Twitch, Disney+, Amazon Prime Video, and practically any website with an HTML5 video player. Install the extension, create a room, share the invite link, and everyone watches in perfect sync — no lag, no desync.", + "FAQ_Q2": "Is KoalaSync a free alternative to Teleparty?", + "FAQ_A2": "100% free and open source under the MIT License. No premium tiers, no locked features, no ads — everything is included. Unlike Teleparty, KoalaSync's relay server is RAM-only with zero data collection or user accounts required.", + "FAQ_Q3": "Does KoalaSync work with Emby, Jellyfin and self-hosted media servers?", + "FAQ_A3": "Yes. KoalaSync detects any standard HTML5 video element, which means it works perfectly with Emby, Jellyfin, Plex, and any custom self-hosted streaming setup. You can also self-host the KoalaSync relay server via Docker for complete data sovereignty.", + "FAQ_Q4": "Which browsers and platforms support KoalaSync?", + "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave, and all Chromium-based browsers. Install it directly from the Chrome Web Store or Firefox Add-ons — no manual configuration needed.", + "FAQ_Q5": "Do all my friends need the extension installed?", + "FAQ_A5": "Yes, each participant needs KoalaSync installed — but there's no sign-up or account creation. Simply click the invitation link, install the extension if you haven't already, and you'll join the room automatically in seconds.", + "FAQ_Q6": "Is my data safe? Do you track or store what I watch?", + "FAQ_A6": "Not at all. KoalaSync's relay server is RAM-only — all session data is permanently deleted the moment you leave the room. There's no database, no logging, no analytics, and no user accounts. The entire codebase is open source and auditable on GitHub.", + "FOOTER_MIT": "Open source under the MIT License.", "FOOTER_RAM": "No data is stored on our servers. Pure RAM-based relay.", "FOOTER_LEGAL": "Legal Notice", diff --git a/website/locales/es.json b/website/locales/es.json index 37a358a..714fcd1 100644 --- a/website/locales/es.json +++ b/website/locales/es.json @@ -112,6 +112,21 @@ "BOTTOM_SUBTITLE": "KoalaSync es 100% de código abierto, sin anuncios y sin seguimiento. Audita nuestra base de código en GitHub o instala la extensión del navegador directamente.", "BOTTOM_MASCOT_ALT": "Un lindo koala sosteniendo una página de repositorio de GitHub junto a Octocat, la mascota de GitHub", + "FAQ_TITLE": "Preguntas frecuentes", + "FAQ_SUBTITLE": "Todo lo que necesitas saber para ver videos juntos en perfecta sincronía.", + "FAQ_Q1": "¿Puedo ver Netflix sincronizado con amigos?", + "FAQ_A1": "¡Sí! KoalaSync funciona con Netflix, YouTube, Twitch, Disney+, Amazon Prime Video y casi cualquier sitio con un reproductor de video HTML5. Instala la extensión, crea una sala, comparte el enlace de invitación y todos miran en perfecta sincronía.", + "FAQ_Q2": "¿Es KoalaSync una alternativa gratuita a Teleparty?", + "FAQ_A2": "100% gratuito y de código abierto bajo licencia MIT. Sin niveles premium, sin funciones bloqueadas, sin anuncios. A diferencia de Teleparty, el servidor relay de KoalaSync solo usa RAM — sin recolección de datos ni cuentas de usuario.", + "FAQ_Q3": "¿Funciona KoalaSync con Emby, Jellyfin y servidores multimedia propios?", + "FAQ_A3": "Sí. KoalaSync detecta cualquier elemento de video HTML5, por lo que funciona con Emby, Jellyfin, Plex y cualquier configuración de streaming personalizada. También puedes alojar tu propio servidor relay con Docker.", + "FAQ_Q4": "¿Qué navegadores y plataformas son compatibles con KoalaSync?", + "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave y todos los navegadores basados en Chromium. Instálalo desde Chrome Web Store o Firefox Add-ons.", + "FAQ_Q5": "¿Todos mis amigos necesitan instalar la extensión?", + "FAQ_A5": "Sí, cada participante necesita KoalaSync — pero sin registro ni creación de cuenta. Solo haz clic en el enlace de invitación, instala la extensión si es necesario y te unes automáticamente a la sala.", + "FAQ_Q6": "¿Están seguros mis datos? ¿Rastrean o almacenan lo que veo?", + "FAQ_A6": "No. El servidor relay de KoalaSync usa solo RAM — todos los datos de sesión se eliminan al salir de la sala. Sin base de datos, sin registros, sin análisis, sin cuentas de usuario. El código fuente es completamente abierto y auditable en GitHub.", + "FOOTER_MIT": "Código abierto bajo la Licencia MIT.", "FOOTER_RAM": "No se almacenan datos en nuestros servidores. Retransmisión solo en RAM.", "FOOTER_LEGAL": "Legal Notice", diff --git a/website/locales/fr.json b/website/locales/fr.json index aaa3bcb..986ea5e 100644 --- a/website/locales/fr.json +++ b/website/locales/fr.json @@ -112,6 +112,21 @@ "BOTTOM_SUBTITLE": "KoalaSync est 100% open source, sans publicité et sans suivi. Auditez notre base de code sur GitHub ou installez directement l'extension de navigateur.", "BOTTOM_MASCOT_ALT": "Un koala mignon tenant une page de dépôt GitHub à côté d'Octocat, la mascotte de GitHub", + "FAQ_TITLE": "Foire aux questions", + "FAQ_SUBTITLE": "Tout ce que vous devez savoir pour regarder des vidéos en parfaite synchronisation.", + "FAQ_Q1": "Puis-je regarder Netflix ensemble en synchronisation avec des amis ?", + "FAQ_A1": "Oui ! KoalaSync fonctionne avec Netflix, YouTube, Twitch, Disney+, Amazon Prime Video et presque tous les sites avec un lecteur vidéo HTML5. Installez l'extension, créez un salon, partagez le lien d'invitation et regardez en parfaite synchronisation.", + "FAQ_Q2": "KoalaSync est-il une alternative gratuite à Teleparty ?", + "FAQ_A2": "100 % gratuit et open source sous licence MIT. Aucun niveau premium, aucune fonctionnalité verrouillée, aucune publicité. Contrairement à Teleparty, le serveur relay de KoalaSync fonctionne uniquement en RAM — sans collecte de données ni comptes utilisateur.", + "FAQ_Q3": "KoalaSync fonctionne-t-il avec Emby, Jellyfin et les serveurs multimédia auto-hébergés ?", + "FAQ_A3": "Oui. KoalaSync détecte tout élément vidéo HTML5 standard et fonctionne parfaitement avec Emby, Jellyfin, Plex et toute configuration de streaming personnalisée. Vous pouvez également auto-héberger le serveur relay via Docker.", + "FAQ_Q4": "Quels navigateurs et plateformes prennent en charge KoalaSync ?", + "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave et tous les navigateurs basés sur Chromium. Installez-le depuis le Chrome Web Store ou les modules complémentaires Firefox.", + "FAQ_Q5": "Tous mes amis doivent-ils installer l'extension ?", + "FAQ_A5": "Oui, chaque participant a besoin de KoalaSync — mais sans inscription ni création de compte. Cliquez simplement sur le lien d'invitation, installez l'extension si nécessaire et vous rejoignez automatiquement le salon.", + "FAQ_Q6": "Mes données sont-elles en sécurité ? Suivez-vous ou stockez-vous ce que je regarde ?", + "FAQ_A6": "Pas du tout. Le serveur relay de KoalaSync est uniquement en RAM — toutes les données de session sont supprimées dès que vous quittez le salon. Aucune base de données, aucun journal, aucune analyse, aucun compte utilisateur. Le code source est entièrement open source et vérifiable sur GitHub.", + "FOOTER_MIT": "Open source sous licence MIT.", "FOOTER_RAM": "Aucune donnée n'est stockée sur nos serveurs. Relais uniquement en RAM.", "FOOTER_LEGAL": "Legal Notice", diff --git a/website/locales/pt-BR.json b/website/locales/pt-BR.json index 769c754..fe425d8 100644 --- a/website/locales/pt-BR.json +++ b/website/locales/pt-BR.json @@ -114,6 +114,21 @@ "BOTTOM_SUBTITLE": "O KoalaSync é 100% de código aberto, livre de anúncios e sem rastreamento. Audite nosso código no GitHub ou instale a extensão do navegador diretamente.", "BOTTOM_MASCOT_ALT": "Um coala fofo segurando uma página de repositório do GitHub ao lado de Octocat, a mascotte do GitHub", + "FAQ_TITLE": "Perguntas frequentes", + "FAQ_SUBTITLE": "Tudo o que você precisa saber para assistir vídeos juntos em perfeita sincronia.", + "FAQ_Q1": "Posso assistir Netflix sincronizado com amigos?", + "FAQ_A1": "Sim! O KoalaSync funciona com Netflix, YouTube, Twitch, Disney+, Amazon Prime Video e praticamente qualquer site com um player de vídeo HTML5. Instale a extensão, crie uma sala, compartilhe o link de convite e todos assistem em sincronia perfeita.", + "FAQ_Q2": "O KoalaSync é uma alternativa gratuita ao Teleparty?", + "FAQ_A2": "100% gratuito e open source sob a licença MIT. Sem níveis premium, sem recursos bloqueados, sem anúncios. Diferente do Teleparty, o servidor relay do KoalaSync opera apenas em RAM — sem coleta de dados ou contas de usuário.", + "FAQ_Q3": "O KoalaSync funciona com Emby, Jellyfin e servidores de mídia próprios?", + "FAQ_A3": "Sim. O KoalaSync detecta qualquer elemento de vídeo HTML5, funcionando perfeitamente com Emby, Jellyfin, Plex e qualquer configuração de streaming personalizada. Você também pode hospedar seu próprio servidor relay via Docker.", + "FAQ_Q4": "Quais navegadores e plataformas suportam o KoalaSync?", + "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave e todos os navegadores baseados em Chromium. Instale diretamente da Chrome Web Store ou das extensões do Firefox.", + "FAQ_Q5": "Todos os meus amigos precisam instalar a extensão?", + "FAQ_A5": "Sim, cada participante precisa do KoalaSync — mas sem cadastro ou criação de conta. Basta clicar no link de convite, instalar a extensão se necessário e você entra na sala automaticamente.", + "FAQ_Q6": "Meus dados estão seguros? Vocês rastreiam ou armazenam o que eu assisto?", + "FAQ_A6": "Não. O servidor relay do KoalaSync é apenas RAM — todos os dados da sessão são excluídos quando você sai da sala. Sem banco de dados, sem registros, sem análises, sem contas de usuário. O código fonte é totalmente aberto e auditável no GitHub.", + "FOOTER_MIT": "Código aberto sob a Licença MIT.", "FOOTER_RAM": "Nenhum dado é armazenado em nossos servidores. Retransmissão apenas em RAM.", "FOOTER_LEGAL": "Legal Notice", diff --git a/website/locales/ru.json b/website/locales/ru.json index bab5bec..1494bd8 100644 --- a/website/locales/ru.json +++ b/website/locales/ru.json @@ -114,6 +114,21 @@ "BOTTOM_SUBTITLE": "KoalaSync на 100% бесплатен, открыт и безопасен. Изучите наш код на GitHub или установите расширение в браузер напрямую.", "BOTTOM_MASCOT_ALT": "Милый коала держит страницу репозитория GitHub рядом с маскотом GitHub Octocat", + "FAQ_TITLE": "Часто задаваемые вопросы", + "FAQ_SUBTITLE": "Всё, что нужно знать о синхронном просмотре видео с друзьями.", + "FAQ_Q1": "Могу ли я смотреть Netflix синхронно с друзьями?", + "FAQ_A1": "Да! KoalaSync работает с Netflix, YouTube, Twitch, Disney+, Amazon Prime Video и практически с любым сайтом, где есть HTML5-видеоплеер. Установите расширение, создайте комнату, поделитесь ссылкой и смотрите в идеальной синхронизации.", + "FAQ_Q2": "KoalaSync — бесплатная альтернатива Teleparty?", + "FAQ_A2": "100% бесплатно и с открытым исходным кодом под лицензией MIT. Без премиум-уровней, без заблокированных функций, без рекламы. В отличие от Teleparty, сервер KoalaSync работает только в ОЗУ — без сбора данных и учётных записей.", + "FAQ_Q3": "Работает ли KoalaSync с Emby, Jellyfin и собственными медиасерверами?", + "FAQ_A3": "Да. KoalaSync обнаруживает любой HTML5-видеоэлемент и отлично работает с Emby, Jellyfin, Plex и любыми собственными стриминговыми решениями. Вы также можете развернуть свой relay-сервер через Docker.", + "FAQ_Q4": "Какие браузеры и платформы поддерживают KoalaSync?", + "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave и все браузеры на базе Chromium. Установите из Chrome Web Store или Firefox Add-ons.", + "FAQ_Q5": "Всем ли моим друзьям нужно устанавливать расширение?", + "FAQ_A5": "Да, каждому участнику нужен KoalaSync — но без регистрации и создания учётной записи. Просто перейдите по ссылке-приглашению, установите расширение (если ещё нет) и вы автоматически в комнате.", + "FAQ_Q6": "Мои данные в безопасности? Вы отслеживаете или храните то, что я смотрю?", + "FAQ_A6": "Нет. Relay-сервер KoalaSync работает только в ОЗУ — все данные сессии удаляются при выходе из комнаты. Никаких баз данных, логов, аналитики и учётных записей. Исходный код полностью открыт и доступен для аудита на GitHub.", + "FOOTER_MIT": "Открытый исходный код под лицензией MIT.", "FOOTER_RAM": "Никакие данные не сохраняются на наших серверах. Только RAM-трансляция.", "FOOTER_LEGAL": "Legal Notice", diff --git a/website/style.css b/website/style.css index a1d86b2..07393b7 100644 --- a/website/style.css +++ b/website/style.css @@ -2578,6 +2578,74 @@ html:not(.lang-de) [lang="de"] { box-shadow: 0 20px 25px -5px rgba(34, 197, 94, 0.4); } +/* --- FAQ Section --- */ +.faq-grid { + display: flex; + flex-direction: column; + gap: 1rem; + max-width: 800px; + margin: 0 auto; +} + +.faq-item { + background: rgba(30, 41, 59, 0.45); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 16px; + padding: 1.5rem 2rem; + cursor: pointer; + transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; +} + +.faq-item:hover { + border-color: rgba(99, 102, 241, 0.3); + box-shadow: 0 8px 20px rgba(99, 102, 241, 0.1); +} + +.faq-item[open] { + border-color: rgba(99, 102, 241, 0.4); + background: rgba(30, 41, 59, 0.65); +} + +.faq-item summary { + font-weight: 700; + font-size: 1.05rem; + color: var(--text); + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; + gap: 1rem; +} + +.faq-item summary::-webkit-details-marker { + display: none; +} + +.faq-item summary::after { + content: '+'; + font-size: 1.4rem; + color: var(--accent); + font-weight: 300; + transition: transform 0.3s ease; + flex-shrink: 0; +} + +.faq-item[open] summary::after { + content: '−'; + transform: rotate(180deg); +} + +.faq-item p { + color: var(--text-muted); + font-size: 0.95rem; + line-height: 1.6; + margin-top: 1rem; + padding-top: 1rem; + border-top: 1px solid rgba(255, 255, 255, 0.06); +} + /* --- Focus states for interactive cards --- */ .feature-card:focus-visible, .use-case-card:focus-visible, diff --git a/website/template.html b/website/template.html index e58f722..fefac4b 100644 --- a/website/template.html +++ b/website/template.html @@ -130,23 +130,33 @@ "mainEntity": [ { "@type": "Question", - "name": "Is KoalaSync really free?", - "acceptedAnswer": { "@type": "Answer", "text": "Yes. KoalaSync is 100% free, open source under the MIT License, and contains no premium tiers or locked features." } + "name": "Can I watch Netflix together in sync with friends?", + "acceptedAnswer": { "@type": "Answer", "text": "Yes. KoalaSync works on Netflix, YouTube, Twitch, Disney+, Amazon Prime Video, and any website with an HTML5 video player. Install the extension, create a room, share the invite link, and start watching in perfect sync." } }, { "@type": "Question", - "name": "Does KoalaSync work on Netflix and Disney+?", - "acceptedAnswer": { "@type": "Answer", "text": "Yes. KoalaSync works on any website with a standard HTML5