diff --git a/website/lang-init.js b/website/lang-init.js
index a74c38a..3485abc 100644
--- a/website/lang-init.js
+++ b/website/lang-init.js
@@ -1,12 +1,52 @@
(function() {
- var savedLang = localStorage.getItem('koala_lang');
- var browserLang = navigator.language.startsWith('de') ? 'de' : 'en';
- var activeLang = savedLang || browserLang;
- document.documentElement.classList.add('lang-' + activeLang);
- document.documentElement.lang = activeLang;
+ var html = document.documentElement;
+ var path = window.location.pathname;
+
+ // Check if we are on the root index page (either "/" or "/index.html" at the root)
+ var isRootIndex = path === '/' || path === '/index.html' || path === '';
+
+ if (isRootIndex) {
+ var savedLang = localStorage.getItem('koala_lang');
+ var browserLang = navigator.language.startsWith('de') ? 'de' : 'en';
+ var preferredLang = savedLang || browserLang;
+
+ if (preferredLang === 'de') {
+ // Redirect to German version
+ window.location.replace('de/');
+ return;
+ }
+ }
+
+ var htmlClasses = html.className.split(' ');
+ var activeLang = null;
+ var hasStaticLang = false;
+ for (var i = 0; i < htmlClasses.length; i++) {
+ if (htmlClasses[i].indexOf('lang-') === 0) {
+ hasStaticLang = true;
+ var langPart = htmlClasses[i].substring(5);
+ activeLang = langPart === 'pt-br' ? 'pt-BR' : langPart;
+ break;
+ }
+ }
+
+ if (hasStaticLang) {
+ localStorage.setItem('koala_lang', activeLang);
+ } else {
+ var savedLang = localStorage.getItem('koala_lang');
+ var browserLang = navigator.language.startsWith('de') ? 'de' : 'en';
+ activeLang = savedLang || browserLang;
+
+ // Dynamic utility pages currently only support English and German markup.
+ // Fallback to English for any other language preference (e.g. fr, es) to avoid bilingual text duplication.
+ if (activeLang !== 'de') {
+ activeLang = 'en';
+ }
+
+ html.classList.add('lang-' + activeLang);
+ html.lang = activeLang;
+ }
// Update titles dynamically based on page
- var path = window.location.pathname;
var isIndex = path === '/' || path.endsWith('index.html') || path.split('/').pop() === '';
var isJoin = path.includes('join');
diff --git a/website/locales/de.json b/website/locales/de.json
new file mode 100644
index 0000000..26743b9
--- /dev/null
+++ b/website/locales/de.json
@@ -0,0 +1,118 @@
+{
+ "LANG_CODE": "de",
+ "HTML_CLASS": "lang-de",
+ "CANONICAL_PATH": "de/",
+ "LANG_TOGGLE_URL": "../",
+ "LANG_TOGGLE_TEXT": "EN",
+
+ "META_TITLE": "KoalaSync | Netflix, YouTube & jedes Video mit Freunden synchronisieren",
+ "META_DESCRIPTION": "Schaue Netflix, YouTube, Twitch und jedes HTML5-Video perfekt synchronisiert mit Freunden. Kostenlose, quelloffene Browser-Erweiterung für Chrome und Firefox. Keine Anmeldung erforderlich.",
+ "OG_TITLE": "KoalaSync | Netflix, Emby, Jellyfin & fast jedes Video mit Freunden synchronisieren",
+ "OG_DESCRIPTION": "Schaue Netflix, Emby, Jellyfin, YouTube, Twitch und fast jedes HTML5-Video perfekt synchronisiert. Quelloffene, datenschutzfreundliche Browser-Erweiterung für Chrome und Firefox.",
+ "TWITTER_TITLE": "KoalaSync | Netflix, Emby, Jellyfin & fast jedes Video mit Freunden synchronisieren – Browser-Erweiterung",
+ "TWITTER_DESCRIPTION": "Schaue Netflix, Emby, Jellyfin, YouTube, Twitch und fast jedes HTML5-Video perfekt synchronisiert mit Freunden. Datenschutzfreundliche Browser-Erweiterung für Chrome und Firefox.",
+
+ "NAV_FEATURES": "Funktionen",
+ "NAV_HOW_IT_WORKS": "So funktioniert's",
+
+ "HERO_TITLE": "Gemeinsam schauen. Perfekt synchron.",
+ "HERO_SUBTITLE": "Dein Kino-Abend auf Distanz. Keine Lags, keine Anmeldung. Einfach Link teilen und zusammen schauen.",
+ "HERO_MASCOT_ALT": "Ein niedlicher Koala steht da und schaut nach unten auf die Download-Buttons",
+ "ADD_TO_CHROME": "Zu Chrome hinzufügen",
+ "ADD_TO_FIREFOX": "Zu Firefox hinzufügen",
+
+ "COMPAT_HEADING": "Funktioniert auf deinen Lieblingsplattformen",
+ "COMPAT_MORE": "und viele mehr",
+ "COMPAT_TOOLTIP": "Funktioniert auf fast jeder Seite mit einem Video-Element",
+
+ "USE_CASES_TITLE": "Perfekt für jeden Anlass",
+ "USE_CASES_SUBTITLE": "Ob nah oder fern, KoalaSync bringt Menschen bei ihren Lieblingsvideos zusammen.",
+ "USE_CASE_1_ALT": "Zwei niedliche Koalas sitzen zusammen und teilen sich einen Eimer Popcorn",
+ "USE_CASE_1_TITLE": "Filmabend mit Freunden",
+ "USE_CASE_1_DESC": "Synchronisiere eure Filme in Echtzeit und quatscht nebenbei auf Discord, Zoom oder im Tool eurer Wahl. Es fühlt sich an, als säßet ihr im selben Raum.",
+ "USE_CASE_2_ALT": "Ein Koala-Professor hält einen Vortrag auf einem Bildschirm vor zwei remote zugeschalteten Schüler-Koalas",
+ "USE_CASE_2_TITLE": "Gemeinsam Lernen",
+ "USE_CASE_2_DESC": "Analysiert Online-Tutorials, Vorlesungen oder Streams gemeinsam mit Mitschülern oder Kollegen. Pausiert und besprecht komplizierte Schritte in perfektem Sync.",
+ "USE_CASE_3_ALT": "Ein niedliches Koala-Pärchen schaut remote zusammen; einer sitzt am PC und sie liegt mit dem Laptop im Bett, während Herzen zwischen ihnen fliegen",
+ "USE_CASE_3_TITLE": "Fernbeziehungen",
+ "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_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",
+ "FEATURE_3_DESC": "Kein Login. Keine Daten. Einfach Link teilen und schauen. Der Server läuft flüchtig im RAM und löscht deinen Raum komplett nach dem Verlassen.",
+ "FEATURE_4_TITLE": "Universeller HTML5-Support",
+ "FEATURE_4_DESC": "Unterstützt YouTube, Twitch, Netflix, Jellyfin, Emby und fast jede beliebige Webseite mit einem HTML5-Video-Tag. Ideal auch für eigene Medienbibliotheken.",
+ "FEATURE_5_TITLE": "Self-Hostable & Docker-Ready",
+ "FEATURE_5_DESC": "Unsere Server sind kostenlos und schnell, aber du kannst auch die volle Kontrolle übernehmen, wenn du willst. Starte dein eigenes privates Relay in Sekunden via Docker.",
+ "FEATURE_6_TITLE": "Direkte Einladungen & 1-Klick Beitritt",
+ "FEATURE_6_DESC": "Keine lästigen IPs oder Passwörter austauschen. Teile einfach einen Einladungslink mit deinen Freunden, um sie mit einem Klick in den Raum zu holen.",
+
+ "COMP_TITLE": "KoalaSync vs. Teleparty",
+ "COMP_SUBTITLE": "Erfahre, warum Open Source, Werbefreiheit und echter Datenschutz die bessere Wahl für gemeinsames Schauen sind.",
+ "COMP_COL_FEATURE": "Funktion",
+ "COMP_FEAT_1_NAME": "Kosten / Paywalls",
+ "COMP_FEAT_1_DESC": "Premium-Abos, versteckte Kosten oder gesperrte Funktionen.",
+ "COMP_FEAT_1_KOALA": "100% Kostenlos",
+ "COMP_FEAT_1_TELE": "Premium-Abo / Paywalls",
+ "COMP_FEAT_2_NAME": "Lizenz / Quellcode",
+ "COMP_FEAT_2_DESC": "Ob der Quellcode quelloffen und frei einsehbar ist.",
+ "COMP_FEAT_2_KOALA": "Open Source (MIT)",
+ "COMP_FEAT_2_TELE": "Proprietär",
+ "COMP_FEAT_3_NAME": "Self-Hosting",
+ "COMP_FEAT_3_DESC": "Möglichkeit, einen eigenen privaten Relay-Server zu betreiben.",
+ "COMP_FEAT_3_KOALA": "Ja (Docker-bereit)",
+ "COMP_FEAT_3_TELE": "Nein",
+ "COMP_FEAT_4_NAME": "Datenschutz & Tracking",
+ "COMP_FEAT_4_DESC": "Registrierungszwang, Tracking-Cookies und Analysen.",
+ "COMP_FEAT_4_KOALA": "Keine Speicherung (RAM-only)",
+ "COMP_FEAT_4_TELE": "Google Analytics & Cookies",
+ "COMP_FEAT_5_NAME": "Kompatibilität",
+ "COMP_FEAT_5_DESC": "Unterstützte Webseiten und Player-Kompatibilität.",
+ "COMP_FEAT_5_KOALA": "Fast jedes HTML5-Video",
+ "COMP_FEAT_5_TELE": "Nur unterstützte Seiten",
+ "COMP_FOOTNOTE_1": "Stand des Vergleichs: Mai 2026.",
+ "COMP_FOOTNOTE_2": "Details zu Preisen und unterstützten Netzwerken von Teleparty Premium:",
+ "COMP_FOOTNOTE_3": "Datenschutzerklärung und Tracker-Erfassung von Teleparty:",
+ "COMP_FOOTNOTE_4": "Funktioniert auf allen Seiten, die Skript-Injektionen in Standard-HTML5-Videoplayer erlauben. Seiten mit extrem strengen Content Security Policies (CSP), DRM-Kopierschutz oder stark verschachtelten Player-Wrappern (z. B. komplexe Shadow-DOMs) können die automatische Steuerung blockieren.",
+
+ "STEPS_TITLE": "Erste Schritte",
+ "STEP_1_TITLE": "Erweiterung installieren",
+ "STEP_1_DESC": "Füge KoalaSync aus dem Chrome Web Store, den Firefox Add-ons oder über die Entwickler-ZIP von GitHub zu deinem Browser hinzu.",
+ "STEP_1_ILLUS_DESC": "Privatsphäre-fokussierte Video-Synchronisation",
+ "STEP_1_ILLUS_DL_CHROME": "Download für Chrome",
+ "STEP_1_ILLUS_DL_FIREFOX": "Download für Firefox",
+ "STEP_1_ILLUS_ACTIVE": "Erweiterung aktiv",
+ "STEP_1_ILLUS_READY": "Bereit zum Mitschauen!",
+ "STEP_2_TITLE": "Raum erstellen",
+ "STEP_2_DESC": "Öffne die Erweiterung und klicke auf „+ Neuer Raum“. KoalaSync generiert automatisch eine sichere Raum-ID samt Passwort, tritt dem Raum bei und kopiert den Einladungslink in deine Zwischenablage.",
+ "STEP_2_ILLUS_ROOM": "Raum",
+ "STEP_2_ILLUS_SYNC": "Sync",
+ "STEP_2_ILLUS_SETTINGS": "Optionen",
+ "STEP_2_ILLUS_CREATE": "+ Neuer Raum",
+ "STEP_2_ILLUS_MANUAL": "Manuell verbinden / Erweitert",
+ "STEP_2_ILLUS_COPIED": "Einladungslink kopiert!",
+ "STEP_3_TITLE": "Teilen & Synchronisieren",
+ "STEP_3_DESC": "Sende den Einladungslink an deine Freunde. Sobald sie beitreten, wähle deinen Video-Tab aus und genieße die synchronisierte Wiedergabe.",
+ "STEP_3_ILLUS_IN_SYNC": "SYNCHRON",
+
+ "SELF_TITLE": "Für Self-Hoster",
+ "SELF_SUBTITLE": "Du traust dem Server nicht? Behalte die volle Datenhoheit. Richte deinen eigenen privaten Relay-Server in wenigen Minuten ein.",
+ "SELF_MASCOT_ALT": "Ein niedlicher Koala sitzt am Laptop und deployt einen Docker-Container für das Self-Hosting",
+ "SELF_COPY_CODE": "Code kopieren",
+ "SELF_GITHUB_PACKAGES": "Alle Image-Tags auf GitHub Packages ansehen",
+
+ "BOTTOM_TITLE": "Noch nicht überzeugt? Überzeug dich selbst.",
+ "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",
+
+ "FOOTER_MIT": "Open Source unter der MIT-Lizenz.",
+ "FOOTER_RAM": "Keine Daten werden auf unseren Servern gespeichert. Reines RAM-basiertes Relay.",
+ "FOOTER_LEGAL": "Impressum",
+ "FOOTER_PRIVACY": "Datenschutz"
+}
diff --git a/website/locales/en.json b/website/locales/en.json
new file mode 100644
index 0000000..6f47e0d
--- /dev/null
+++ b/website/locales/en.json
@@ -0,0 +1,118 @@
+{
+ "LANG_CODE": "en",
+ "HTML_CLASS": "lang-en",
+ "CANONICAL_PATH": "",
+ "LANG_TOGGLE_URL": "de/",
+ "LANG_TOGGLE_TEXT": "DE",
+
+ "META_TITLE": "KoalaSync | Sync Netflix, YouTube & Any Video with Friends",
+ "META_DESCRIPTION": "Watch Netflix, YouTube, Twitch & any HTML5 video in perfect sync with friends. Free, open-source browser extension for Chrome and Firefox. No sign-up needed.",
+ "OG_TITLE": "KoalaSync | Sync Netflix, Emby, Jellyfin & Almost Any Video with Friends",
+ "OG_DESCRIPTION": "Watch Netflix, Emby, Jellyfin, YouTube, Twitch and almost any HTML5 video in perfect sync. Privacy-first, open-source browser extension for Chrome & Firefox.",
+ "TWITTER_TITLE": "KoalaSync | Sync Netflix, Emby, Jellyfin & Almost Any Video with Friends – Browser Extension",
+ "TWITTER_DESCRIPTION": "Watch Netflix, Emby, Jellyfin, YouTube, Twitch and almost any HTML5 video in perfect sync with friends. Privacy-first, open-source browser extension for Chrome and Firefox.",
+
+ "NAV_FEATURES": "Features",
+ "NAV_HOW_IT_WORKS": "How it works",
+
+ "HERO_TITLE": "Watch Together. Sync Perfectly.",
+ "HERO_SUBTITLE": "Your remote movie night without lags. No registration, no data collection. Just share a link and watch together.",
+ "HERO_MASCOT_ALT": "A cute koala standing and looking down at the download buttons",
+ "ADD_TO_CHROME": "Add to Chrome",
+ "ADD_TO_FIREFOX": "Add to Firefox",
+
+ "COMPAT_HEADING": "Works on your favorite platforms",
+ "COMPAT_MORE": "and many more",
+ "COMPAT_TOOLTIP": "Works on almost any site with a video element",
+
+ "USE_CASES_TITLE": "Perfect for Any Occasion",
+ "USE_CASES_SUBTITLE": "Whether near or far, KoalaSync brings people together around their favorite videos.",
+ "USE_CASE_1_ALT": "Two cute koalas sitting together and sharing a bucket of popcorn",
+ "USE_CASE_1_TITLE": "Movie Night with Friends",
+ "USE_CASE_1_DESC": "Sync your movies in real time and talk via Discord, Zoom, or your favorite voice call application. It feels just like sitting in the same room.",
+ "USE_CASE_2_ALT": "A koala professor presenting on a screen to two remote student koalas",
+ "USE_CASE_2_TITLE": "Remote Learning",
+ "USE_CASE_2_DESC": "Analyze online tutorials, lectures, or developer training streams together with classmates or colleagues. Pause and discuss complex steps in perfect harmony.",
+ "USE_CASE_3_ALT": "A cute koala couple watching together remotely; one is sitting at a PC and the other is in bed with a laptop, with flying hearts between them",
+ "USE_CASE_3_TITLE": "Long-Distance Relationships",
+ "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_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",
+ "FEATURE_3_DESC": "No registration, no tracking, no persistency footprints. The server runs entirely in ephemeral RAM and purges your room when you leave.",
+ "FEATURE_4_TITLE": "Universal HTML5 Support",
+ "FEATURE_4_DESC": "Works on YouTube, Twitch, Netflix, Jellyfin, Emby, and almost any standard webpage containing a HTML5 video element. Also compatible with custom self-hosted setups.",
+ "FEATURE_5_TITLE": "Self-Hostable & Docker-Ready",
+ "FEATURE_5_DESC": "Our official servers are free and fast, but you can take full ownership if you want to. Launch your own private relay server in seconds via Docker.",
+ "FEATURE_6_TITLE": "Instant Invites / 1-Click Join",
+ "FEATURE_6_DESC": "No IP addresses or passwords to exchange. Share a generated invite link with your friends to let them join your room automatically with a single click.",
+
+ "COMP_TITLE": "KoalaSync vs. Teleparty",
+ "COMP_SUBTITLE": "See why open source, ad-free and privacy-first is the superior way to watch together.",
+ "COMP_COL_FEATURE": "Feature",
+ "COMP_FEAT_1_NAME": "Cost / Paywalls",
+ "COMP_FEAT_1_DESC": "Premium subscriptions, hidden fees or locked features.",
+ "COMP_FEAT_1_KOALA": "100% Free",
+ "COMP_FEAT_1_TELE": "Paid Tiers / Premium Locks",
+ "COMP_FEAT_2_NAME": "License / Code Auditable",
+ "COMP_FEAT_2_DESC": "Whether the source code is open and freely auditable.",
+ "COMP_FEAT_2_KOALA": "Open Source (MIT)",
+ "COMP_FEAT_2_TELE": "Proprietary",
+ "COMP_FEAT_3_NAME": "Self-Hosting",
+ "COMP_FEAT_3_DESC": "Ability to deploy your own private relay server.",
+ "COMP_FEAT_3_KOALA": "Yes (Docker-ready)",
+ "COMP_FEAT_3_TELE": "No",
+ "COMP_FEAT_4_NAME": "Privacy & Tracking",
+ "COMP_FEAT_4_DESC": "Registration requirements, tracking cookies and analytics.",
+ "COMP_FEAT_4_KOALA": "Zero-Persistence (RAM-only)",
+ "COMP_FEAT_4_TELE": "Google Analytics & Cookies",
+ "COMP_FEAT_5_NAME": "Site Compatibility",
+ "COMP_FEAT_5_DESC": "Supported websites and player compatibility.",
+ "COMP_FEAT_5_KOALA": "Almost any HTML5 Video",
+ "COMP_FEAT_5_TELE": "Supported sites only",
+ "COMP_FOOTNOTE_1": "Comparison state: May 2026.",
+ "COMP_FOOTNOTE_2": "Official Teleparty Premium pricing and supported networks details:",
+ "COMP_FOOTNOTE_3": "Teleparty privacy policies and tracking data collection:",
+ "COMP_FOOTNOTE_4": "Works on websites that allow script injections into standard HTML5 video tags. Websites with highly strict Content Security Policies (CSP), DRM copy protection, or heavily obfuscated player wrappers (like complex shadow DOMs) might restrict automated control or injection.",
+
+ "STEPS_TITLE": "Getting Started",
+ "STEP_1_TITLE": "Install Extension",
+ "STEP_1_DESC": "Add KoalaSync to your browser from the Chrome Web Store, Firefox Add-ons, or download the latest developer ZIP from GitHub.",
+ "STEP_1_ILLUS_DESC": "Privacy-first video synchronizer",
+ "STEP_1_ILLUS_DL_CHROME": "Download for Chrome",
+ "STEP_1_ILLUS_DL_FIREFOX": "Download for Firefox",
+ "STEP_1_ILLUS_ACTIVE": "Extension Active",
+ "STEP_1_ILLUS_READY": "Ready to watch together!",
+ "STEP_2_TITLE": "Create a Room",
+ "STEP_2_DESC": "Open the extension popup and click '+ Create New Room'. KoalaSync automatically generates a secure Room ID and Password, joins it, and copies the invite link to your clipboard.",
+ "STEP_2_ILLUS_ROOM": "Room",
+ "STEP_2_ILLUS_SYNC": "Sync",
+ "STEP_2_ILLUS_SETTINGS": "Settings",
+ "STEP_2_ILLUS_CREATE": "+ Create New Room",
+ "STEP_2_ILLUS_MANUAL": "Manual Connect / Advanced",
+ "STEP_2_ILLUS_COPIED": "Invite link copied!",
+ "STEP_3_TITLE": "Share & Sync",
+ "STEP_3_DESC": "Send the invite link to your friends. Once they join, select your video tab and enjoy synchronized playback.",
+ "STEP_3_ILLUS_IN_SYNC": "IN SYNC",
+
+ "SELF_TITLE": "For Self-Hosters",
+ "SELF_SUBTITLE": "Don't trust our server? Maintain full data sovereignty. Deploy your own private relay server in minutes.",
+ "SELF_MASCOT_ALT": "A cute koala sitting at a laptop deploying a Docker container for self-hosting",
+ "SELF_COPY_CODE": "Copy Code",
+ "SELF_GITHUB_PACKAGES": "View all image tags on GitHub Packages",
+
+ "BOTTOM_TITLE": "Not convinced? See for yourself.",
+ "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",
+
+ "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",
+ "FOOTER_PRIVACY": "Privacy Policy"
+}
diff --git a/website/locales/es.json b/website/locales/es.json
new file mode 100644
index 0000000..cfa4a0c
--- /dev/null
+++ b/website/locales/es.json
@@ -0,0 +1,118 @@
+{
+ "LANG_CODE": "es",
+ "HTML_CLASS": "lang-es",
+ "CANONICAL_PATH": "es/",
+ "LANG_TOGGLE_URL": "../",
+ "LANG_TOGGLE_TEXT": "EN",
+
+ "META_TITLE": "KoalaSync | Sincroniza Netflix, YouTube y cualquier video con amigos",
+ "META_DESCRIPTION": "Mira Netflix, YouTube, Twitch y cualquier video HTML5 en perfecta sincronización con amigos. Extensión de navegador gratuita y de código abierto para Chrome y Firefox. No se requiere registro.",
+ "OG_TITLE": "KoalaSync | Sincroniza Netflix, Emby, Jellyfin y casi cualquier video con amigos",
+ "OG_DESCRIPTION": "Mira Netflix, Emby, Jellyfin, YouTube, Twitch y casi cualquier video HTML5 en perfecta sincronización. Extensión de navegador de código abierto y respetuosa con la privacidad para Chrome y Firefox.",
+ "TWITTER_TITLE": "KoalaSync | Sincroniza Netflix, Emby, Jellyfin y casi cualquier video con amigos – Extensión de navegador",
+ "TWITTER_DESCRIPTION": "Mira Netflix, Emby, Jellyfin, YouTube, Twitch y casi cualquier video HTML5 en perfecta sincronización con amigos. Extensión de navegador de código abierto y respetuosa con la privacidad para Chrome y Firefox.",
+
+ "NAV_FEATURES": "Características",
+ "NAV_HOW_IT_WORKS": "Cómo funciona",
+
+ "HERO_TITLE": "Miren juntos. Sincronización perfecta.",
+ "HERO_SUBTITLE": "Tu noche de películas a distancia sin retrasos. Sin registro ni recopilación de datos. Solo comparte un enlace y miren juntos.",
+ "HERO_MASCOT_ALT": "Un lindo koala de pie mirando hacia abajo a los botones de descarga",
+ "ADD_TO_CHROME": "Añadir a Chrome",
+ "ADD_TO_FIREFOX": "Añadir a Firefox",
+
+ "COMPAT_HEADING": "Funciona en tus plataformas favoritas",
+ "COMPAT_MORE": "y muchas más",
+ "COMPAT_TOOLTIP": "Funciona en casi cualquier sitio con un elemento de video",
+
+ "USE_CASES_TITLE": "Perfecto para cualquier ocasión",
+ "USE_CASES_SUBTITLE": "Ya sea cerca o lejos, KoalaSync une a las personas en torno a sus videos favoritos.",
+ "USE_CASE_1_ALT": "Dos lindos koalas sentados juntos compartiendo un cubo de palomitas de maíz",
+ "USE_CASE_1_TITLE": "Noche de películas con amigos",
+ "USE_CASE_1_DESC": "Sincroniza tus películas en tiempo real y habla por Discord, Zoom o tu aplicación de llamada de voz favorita. Es como estar en la misma habitación.",
+ "USE_CASE_2_ALT": "Un profesor koala presentando en una pantalla a dos estudiantes koala remotos",
+ "USE_CASE_2_TITLE": "Aprendizaje a distancia",
+ "USE_CASE_2_DESC": "Analiza tutoriales en línea, conferencias o transmisiones de capacitación de desarrolladores con compañeros o colegas. Pausa y discute pasos complejos en perfecta armonía.",
+ "USE_CASE_3_ALT": "Una linda pareja de koalas viendo juntos de forma remota; uno está sentado frente a una PC y el otro en la cama con una computadora portátil, con corazones volando entre ellos",
+ "USE_CASE_3_TITLE": "Relaciones a larga distancia",
+ "USE_CASE_3_DESC": "Reduce la distancia y disfruta de noches de citas. Experimenta 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, privacidad y una configuración sencilla.",
+
+ "FEATURE_1_TITLE": "Control total / Sincronización instantánea",
+ "FEATURE_1_DESC": "Uno pausa, todos pausan. Uno avanza, todos siguen. Nuestro protocolo de sincronización en dos fases coordina la reproducción en tiempo real para todos los participantes.",
+ "FEATURE_2_TITLE": "Maratones sin fin",
+ "FEATURE_2_DESC": "Reproducción automática sincronizada. KoalaSync detecta automáticamente transiciones de episodios y suspende la reproducción hasta que todos los participantes hayan cargado el siguiente video.",
+ "FEATURE_3_TITLE": "Sin cuentas / Privacidad absoluta",
+ "FEATURE_3_DESC": "Sin registros, sin seguimiento, sin almacenamiento de datos. El servidor funciona completamente en RAM efímera y elimina tu sala tan pronto como sales.",
+ "FEATURE_4_TITLE": "Soporte universal HTML5",
+ "FEATURE_4_DESC": "Funciona en YouTube, Twitch, Netflix, Jellyfin, Emby y casi cualquier página web estándar que contenga un elemento de video HTML5. También es compatible con configuraciones personalizadas.",
+ "FEATURE_5_TITLE": "Auto-alojable y listo para Docker",
+ "FEATURE_5_DESC": "Nuestros servidores oficiales son gratuitos y rápidos, pero puedes tomar el control total si lo deseas. Inicia tu propio servidor de retransmisión privado en segundos a través de Docker.",
+ "FEATURE_6_TITLE": "Invitaciones al instante / Unirse en 1 clic",
+ "FEATURE_6_DESC": "Sin direcciones IP o contraseñas que intercambiar. Comparte un enlace de invitación generado para permitir que tus amigos se unan automáticamente a tu sala con un solo clic.",
+
+ "COMP_TITLE": "KoalaSync vs Teleparty",
+ "COMP_SUBTITLE": "Descubre por qué una herramienta de código abierto, sin anuncios y respetuosa con la privacidad es la mejor opción para ver juntos.",
+ "COMP_COL_FEATURE": "Característica",
+ "COMP_FEAT_1_NAME": "Costo / Funciones de pago",
+ "COMP_FEAT_1_DESC": "Suscripciones premium, tarifas ocultas o funciones bloqueadas.",
+ "COMP_FEAT_1_KOALA": "100% Gratis",
+ "COMP_FEAT_1_TELE": "Suscripciones de pago / Bloqueos Premium",
+ "COMP_FEAT_2_NAME": "Licence / Code auditable",
+ "COMP_FEAT_2_DESC": "Si el código fuente es abierto y libremente auditable.",
+ "COMP_FEAT_2_KOALA": "Código Abierto (MIT)",
+ "COMP_FEAT_2_TELE": "Propietario",
+ "COMP_FEAT_3_NAME": "Auto-alojamiento",
+ "COMP_FEAT_3_DESC": "Capacidad para desplegar tu propio servidor de retransmisión privado.",
+ "COMP_FEAT_3_KOALA": "Sí (listo para Docker)",
+ "COMP_FEAT_3_TELE": "No",
+ "COMP_FEAT_4_NAME": "Privacidad y Seguimiento",
+ "COMP_FEAT_4_DESC": "Requisitos de registro, cookies de seguimiento y análisis.",
+ "COMP_FEAT_4_KOALA": "Sin persistencia (solo RAM)",
+ "COMP_FEAT_4_TELE": "Google Analytics y Cookies",
+ "COMP_FEAT_5_NAME": "Compatibilidad del sitio",
+ "COMP_FEAT_5_DESC": "Sitios web compatibles y compatibilidad de reproductores.",
+ "COMP_FEAT_5_KOALA": "Casi cualquier video HTML5",
+ "COMP_FEAT_5_TELE": "Solo sitios compatibles",
+ "COMP_FOOTNOTE_1": "Estado de la comparación: mayo de 2026.",
+ "COMP_FOOTNOTE_2": "Detalles oficiales de precios de Teleparty Premium y redes compatibles:",
+ "COMP_FOOTNOTE_3": "Políticas de privacidad y recopilación de datos de seguimiento de Teleparty:",
+ "COMP_FOOTNOTE_4": "Funciona en sitios web que permiten inyecciones de scripts en etiquetas de video HTML5 estándar. Los sitios con políticas de seguridad de contenido (CSP) muy estrictas, protección de copia DRM o contenedores de reproductores fuertemente ocultos (como DOMs de sombra complejos) pueden restringir el control automatizado o la inyección.",
+
+ "STEPS_TITLE": "Cómo empezar",
+ "STEP_1_TITLE": "Instalar la extensión",
+ "STEP_1_DESC": "Añade KoalaSync a tu navegador desde Chrome Web Store, complementos de Firefox o descarga el último archivo ZIP de desarrollador desde GitHub.",
+ "STEP_1_ILLUS_DESC": "Sincronizador de video respetuoso con la privacidad",
+ "STEP_1_ILLUS_DL_CHROME": "Descargar para Chrome",
+ "STEP_1_ILLUS_DL_FIREFOX": "Descargar para Firefox",
+ "STEP_1_ILLUS_ACTIVE": "Extensión activa",
+ "STEP_1_ILLUS_READY": "¡Listo para ver juntos!",
+ "STEP_2_TITLE": "Crear una sala",
+ "STEP_2_DESC": "Abre la ventana de la extensión y haz clic en '+ Crear nueva sala'. KoalaSync genera automáticamente un identificador de sala y una contraseña seguros, se conecta y copia el enlace de invitación a tu portapapeles.",
+ "STEP_2_ILLUS_ROOM": "Sala",
+ "STEP_2_ILLUS_SYNC": "Sincro",
+ "STEP_2_ILLUS_SETTINGS": "Opciones",
+ "STEP_2_ILLUS_CREATE": "+ Crear nueva sala",
+ "STEP_2_ILLUS_MANUAL": "Conexión manual / Avanzado",
+ "STEP_2_ILLUS_COPIED": "¡Enlace de invitación copiado!",
+ "STEP_3_TITLE": "Compartir y Sincronizar",
+ "STEP_3_DESC": "Envía el enlace de invitación a tus amigos. Tan pronto como se unan, selecciona tu pestaña de video y disfruta de la reproducción sincronizada.",
+ "STEP_3_ILLUS_IN_SYNC": "SINCRONIZADO",
+
+ "SELF_TITLE": "Para auto-alojadores",
+ "SELF_SUBTITLE": "¿No confías en nuestro servidor? Mantén la soberanía total de los datos. Despliega tu propio servidor de retransmisión en minutos.",
+ "SELF_MASCOT_ALT": "Un lindo koala sentado frente a una computadora portátil desplegando un contenedor Docker para auto-alojamiento",
+ "SELF_COPY_CODE": "Copiar código",
+ "SELF_GITHUB_PACKAGES": "Ver todas las etiquetas de imágenes en GitHub Packages",
+
+ "BOTTOM_TITLE": "¿Aún no te convence? Compruébalo tú mismo.",
+ "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",
+
+ "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",
+ "FOOTER_PRIVACY": "Privacy Policy"
+}
diff --git a/website/locales/fr.json b/website/locales/fr.json
new file mode 100644
index 0000000..241af42
--- /dev/null
+++ b/website/locales/fr.json
@@ -0,0 +1,118 @@
+{
+ "LANG_CODE": "fr",
+ "HTML_CLASS": "lang-fr",
+ "CANONICAL_PATH": "fr/",
+ "LANG_TOGGLE_URL": "../",
+ "LANG_TOGGLE_TEXT": "EN",
+
+ "META_TITLE": "KoalaSync | Synchronisez Netflix, YouTube et n'importe quelle vidéo avec vos amis",
+ "META_DESCRIPTION": "Regardez Netflix, YouTube, Twitch et n'importe quelle vidéo HTML5 en parfaite synchronisation avec vos amis. Extension de navigateur gratuite et open-source pour Chrome et Firefox. Aucune inscription requise.",
+ "OG_TITLE": "KoalaSync | Synchronisez Netflix, Emby, Jellyfin et presque toutes les vidéos avec vos amis",
+ "OG_DESCRIPTION": "Regardez Netflix, Emby, Jellyfin, YouTube, Twitch et presque n'importe quelle vidéo HTML5 en parfaite synchronisation. Extension de navigateur open-source et respectueuse de la vie privée pour Chrome et Firefox.",
+ "TWITTER_TITLE": "KoalaSync | Synchronisez Netflix, Emby, Jellyfin et presque toutes les vidéos avec vos amis – Extension de navigateur",
+ "TWITTER_DESCRIPTION": "Regardez Netflix, Emby, Jellyfin, YouTube, Twitch et presque n'importe quelle vidéo HTML5 en parfaite synchronisation avec vos amis. Extension de navigateur open-source et respectueuse de la vie privée pour Chrome et Firefox.",
+
+ "NAV_FEATURES": "Fonctionnalités",
+ "NAV_HOW_IT_WORKS": "Comment ça marche",
+
+ "HERO_TITLE": "Regardez ensemble. Synchronisation parfaite.",
+ "HERO_SUBTITLE": "Votre soirée cinéma à distance sans décalage. Pas d'inscription, pas de collecte de données. Partagez simplement un lien et regardez ensemble.",
+ "HERO_MASCOT_ALT": "Un koala mignon debout et regardant vers le bas les boutons de téléchargement",
+ "ADD_TO_CHROME": "Ajouter à Chrome",
+ "ADD_TO_FIREFOX": "Ajouter à Firefox",
+
+ "COMPAT_HEADING": "Fonctionne sur vos plateformes préférées",
+ "COMPAT_MORE": "et beaucoup d'autres",
+ "COMPAT_TOOLTIP": "Fonctionne sur presque tous les sites avec un élément vidéo",
+
+ "USE_CASES_TITLE": "Parfait pour toutes les occasions",
+ "USE_CASES_SUBTITLE": "Que ce soit de près ou de loin, KoalaSync rassemble les gens autour de leurs vidéos préférées.",
+ "USE_CASE_1_ALT": "Deux koalas mignons assis ensemble et partageant un seau de pop-corn",
+ "USE_CASE_1_TITLE": "Soirée cinéma entre amis",
+ "USE_CASE_1_DESC": "Synchronisez vos films en temps réel et parlez via Discord, Zoom ou votre application d'appel vocal préférée. C'est comme si vous étiez dans la même pièce.",
+ "USE_CASE_2_ALT": "Un professeur koala faisant une présentation sur un écran à deux élèves koalas à distance",
+ "USE_CASE_2_TITLE": "Apprentissage à distance",
+ "USE_CASE_2_DESC": "Analysez des tutoriels en ligne, des conférences ou des flux de formation de développeurs avec des camarades ou des collègues. Faites une pause et discutez des étapes complexes en parfaite harmonie.",
+ "USE_CASE_3_ALT": "Un couple de koalas mignons regardant ensemble à distance ; l'un est assis devant un PC et l'autre est au lit avec un ordinateur portable, avec des cœurs volants entre eux",
+ "USE_CASE_3_TITLE": "Relations à distance",
+ "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_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",
+ "FEATURE_3_DESC": "Pas d'inscription, pas de suivi, pas de stockage de données. Le serveur fonctionne entièrement dans une RAM éphémère et supprime votre salon dès votre départ.",
+ "FEATURE_4_TITLE": "Support HTML5 universel",
+ "FEATURE_4_DESC": "Fonctionne sur YouTube, Twitch, Netflix, Jellyfin, Emby et presque n'importe quelle page web standard contenant un élément vidéo HTML5. Également compatible avec les installations personnalisées.",
+ "FEATURE_5_TITLE": "Hébergeable soi-même & prêt pour Docker",
+ "FEATURE_5_DESC": "Nos serveurs officiels sont gratuits et rapides, mais vous pouvez prendre le contrôle total si vous le souhaitez. Lancez votre propre serveur relais privé en quelques secondes via Docker.",
+ "FEATURE_6_TITLE": "Invitations instantanées / Rejoindre en 1 clic",
+ "FEATURE_6_DESC": "Pas d'adresses IP ou de mots de passe à échanger. Partagez un lien d'invitation généré pour permettre à vos amis de rejoindre automatiquement votre salon en un seul clic.",
+
+ "COMP_TITLE": "KoalaSync vs Teleparty",
+ "COMP_SUBTITLE": "Découvrez pourquoi un outil open-source, sans publicité et respectueux de la vie privée est le meilleur choix pour regarder ensemble.",
+ "COMP_COL_FEATURE": "Fonctionnalité",
+ "COMP_FEAT_1_NAME": "Coût / Limites payantes",
+ "COMP_FEAT_1_DESC": "Abonnements premium, frais cachés ou fonctionnalités verrouillées.",
+ "COMP_FEAT_1_KOALA": "100% Gratuit",
+ "COMP_FEAT_1_TELE": "Abonnements payants / Verrous Premium",
+ "COMP_FEAT_2_NAME": "Licence / Code auditable",
+ "COMP_FEAT_2_DESC": "Si le code source est ouvert et librement auditable.",
+ "COMP_FEAT_2_KOALA": "Open Source (MIT)",
+ "COMP_FEAT_2_TELE": "Propriétaire",
+ "COMP_FEAT_3_NAME": "Auto-hébergement",
+ "COMP_FEAT_3_DESC": "Possibilité de déployer votre propre serveur relais privé.",
+ "COMP_FEAT_3_KOALA": "Oui (prêt pour Docker)",
+ "COMP_FEAT_3_TELE": "Non",
+ "COMP_FEAT_4_NAME": "Vie privée & Suivi",
+ "COMP_FEAT_4_DESC": "Obligation d'inscription, cookies de suivi et analyses.",
+ "COMP_FEAT_4_KOALA": "Zéro persistance (RAM uniquement)",
+ "COMP_FEAT_4_TELE": "Google Analytics & Cookies",
+ "COMP_FEAT_5_NAME": "Compatibilité des sites",
+ "COMP_FEAT_5_DESC": "Sites web pris en charge et compatibilité des lecteurs.",
+ "COMP_FEAT_5_KOALA": "Presque toutes les vidéos HTML5",
+ "COMP_FEAT_5_TELE": "Sites pris en charge uniquement",
+ "COMP_FOOTNOTE_1": "État de la comparaison : mai 2026.",
+ "COMP_FOOTNOTE_2": "Détails sur les tarifs officiels de Teleparty Premium et les réseaux pris en charge :",
+ "COMP_FOOTNOTE_3": "Politiques de confidentialité et collecte de données de suivi de Teleparty :",
+ "COMP_FOOTNOTE_4": "Fonctionne sur les sites web qui autorisent les injections de scripts dans les balises vidéo HTML5 standard. Les sites avec des politiques de sécurité du contenu (CSP) très strictes, une protection contre la copie DRM ou des conteneurs de lecteurs fortement obscurcis (comme des DOM fantômes complexes) peuvent restreindre le contrôle automatisé ou l'injection.",
+
+ "STEPS_TITLE": "Pour commencer",
+ "STEP_1_TITLE": "Installer l'extension",
+ "STEP_1_DESC": "Ajoutez KoalaSync à votre navigateur depuis le Chrome Web Store, les modules complémentaires de Firefox, ou téléchargez le dernier fichier ZIP développeur depuis GitHub.",
+ "STEP_1_ILLUS_DESC": "Synchronisateur vidéo respectueux de la vie privée",
+ "STEP_1_ILLUS_DL_CHROME": "Télécharger pour Chrome",
+ "STEP_1_ILLUS_DL_FIREFOX": "Télécharger pour Firefox",
+ "STEP_1_ILLUS_ACTIVE": "Extension active",
+ "STEP_1_ILLUS_READY": "Prêt à regarder ensemble !",
+ "STEP_2_TITLE": "Créer un salon",
+ "STEP_2_DESC": "Ouvrez la fenêtre de l'extension et cliquez sur '+ Créer un nouveau salon'. KoalaSync génère automatiquement un identifiant de salon et un mot de passe sécurisés, s'y connecte et copie le lien d'invitation dans votre presse-papiers.",
+ "STEP_2_ILLUS_ROOM": "Salon",
+ "STEP_2_ILLUS_SYNC": "Synchro",
+ "STEP_2_ILLUS_SETTINGS": "Options",
+ "STEP_2_ILLUS_CREATE": "+ Créer un nouveau salon",
+ "STEP_2_ILLUS_MANUAL": "Connexion manuelle / Avancé",
+ "STEP_2_ILLUS_COPIED": "Lien d'invitation copié !",
+ "STEP_3_TITLE": "Partager & Synchroniser",
+ "STEP_3_DESC": "Envoyez le lien d'invitation à vos amis. Dès qu'ils rejoignent, sélectionnez votre onglet vidéo et profitez de la lecture synchronisée.",
+ "STEP_3_ILLUS_IN_SYNC": "SYNCHRONISÉ",
+
+ "SELF_TITLE": "Pour l'auto-hébergement",
+ "SELF_SUBTITLE": "Vous ne faites pas confiance à notre serveur ? Conservez votre souveraineté totale sur les données. Déployez votre propre serveur relais en quelques minutes.",
+ "SELF_MASCOT_ALT": "Un koala mignon assis devant un ordinateur portable déployant un conteneur Docker pour l'auto-hébergement",
+ "SELF_COPY_CODE": "Copier le code",
+ "SELF_GITHUB_PACKAGES": "Voir tous les tags d'images sur GitHub Packages",
+
+ "BOTTOM_TITLE": "Pas encore convaincu ? Voyez par vous-même.",
+ "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",
+
+ "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",
+ "FOOTER_PRIVACY": "Privacy Policy"
+}
diff --git a/website/locales/pt-BR.json b/website/locales/pt-BR.json
new file mode 100644
index 0000000..e209381
--- /dev/null
+++ b/website/locales/pt-BR.json
@@ -0,0 +1,120 @@
+{
+ "LANG_CODE": "pt-BR",
+ "HTML_CLASS": "lang-pt-br",
+ "CANONICAL_PATH": "pt-BR/",
+ "LANG_TOGGLE_URL": "../",
+ "LANG_TOGGLE_TEXT": "EN",
+
+ "META_TITLE": "KoalaSync | Sincronize Netflix, YouTube e qualquer vídeo com amigos",
+ "META_DESCRIPTION": "Assista à Netflix, YouTube, Twitch e qualquer vídeo HTML5 em perfeita sincronia com amigos. Extensão de navegador gratuita e de código aberto para Chrome e Firefox. Sem necessidade de registro.",
+ "OG_TITLE": "KoalaSync | Sincronize Netflix, Emby, Jellyfin e quase qualquer vídeo com amigos",
+ "OG_DESCRIPTION": "Assista à Netflix, Emby, Jellyfin, YouTube, Twitch e quase qualquer vídeo HTML5 em perfeita sincronia. Extensão de navegador de código aberto e focada em privacidade para Chrome e Firefox.",
+ "TWITTER_TITLE": "KoalaSync | Sincronize Netflix, Emby, Jellyfin e quase qualquer vídeo com amigos – Extensão de navegador",
+ "TWITTER_DESCRIPTION": "Assista à Netflix, Emby, Jellyfin, YouTube, Twitch e quase qualquer vídeo HTML5 em perfeita sincronia com amigos. Extensão de navegador de código aberto e focada em privacidade para Chrome e Firefox.",
+
+ "NAV_FEATURES": "Recursos",
+ "NAV_HOW_IT_WORKS": "Como funciona",
+
+ "HERO_TITLE": "Assistam juntos. Sincronia perfeita.",
+ "HERO_SUBTITLE": "Sua noite de cinema à distância sem atrasos. Sem registro, sem coleta de dados. Apenas compartilhe o link e assistam juntos.",
+ "HERO_MASCOT_ALT": "Um lindo coala em pé olhando para baixo em direção aos botões de download",
+ "ADD_TO_CHROME": "Adicionar ao Chrome",
+ "ADD_TO_FIREFOX": "Adicionar ao Firefox",
+
+ "COMPAT_HEADING": "Funciona nas suas plataformas favoritas",
+ "COMPAT_MORE": "e muitas mais",
+ "COMPAT_TOOLTIP": "Funciona em quase qualquer site com um elemento de vídeo",
+
+ "USE_CASES_TITLE": "Perfeito para qualquer ocasião",
+ "USE_CASES_SUBTITLE": "Seja perto ou longe, o KoalaSync une as pessoas em torno de seus vídeos favoritos.",
+ "USE_CASE_1_ALT": "Dois coalas fofos sentados juntos e compartilhando um balde de pipoca",
+ "USE_CASE_1_TITLE": "Noite de cinema com amigos",
+ "USE_CASE_1_DESC": "Sincronize seus filmes em tempo real e converse pelo Discord, Zoom ou seu aplicativo de chamada de voz favorito. É como se estivessem na mesma sala.",
+ "USE_CASE_2_ALT": "Um professor coala fazendo uma apresentação em uma tela para dois alunos coala remotos",
+ "USE_CASE_2_TITLE": "Aprendizado remoto",
+ "USE_CASE_2_DESC": "Analise tutoriais online, palestras ou transmissões de treinamento de desenvolvedores junto com colegas de classe ou de trabalho. Pause e discuta etapas complexas em perfeita harmonia.",
+ "USE_CASE_3_ALT": "Um casal de coalas fofos assistindo juntos remotamente; um está no PC e o outro deitado com um laptop, com corações voando entre eles",
+ "USE_CASE_3_TITLE": "Relacionamentos à distância",
+ "USE_CASE_3_DESC": "Aproxime a distância e aproveite encontros virtuais. Experimente cada reviravolta, ria das mesmas piadas e compartilhe momentos emocionante no mesmo milissegundo.",
+
+ "WHY_TITLE": "Por que o KoalaSync?",
+ "WHY_SUBTITLE": "Desenvolvido para uma sincronização confiável, privacidade em primeiro lugar e configuração simples.",
+
+ "FEATURE_1_TITLE": "Controle total / Sincronia instantânea",
+ "FEATURE_1_DESC": "Um pausa, todos pausam. Um avança, todos seguem. Nosso protocolo de sincronização em duas fases coordena a reprodução em tempo real entre todos os participantes.",
+ "FEATURE_2_TITLE": "Maratones sem fim",
+ "FEATURE_2_DESC": "Reprodução automática sincronizada. O KoalaSync detecta automaticamente transições de episódios e pausa a reprodução até que todos os participantes tenham carregado o próximo vídeo.",
+ "FEATURE_3_TITLE": "Sem contas / Privacidade absoluta",
+ "FEATURE_3_DESC": "Sem registro, sem rastreamento, sem armazenamento de dados. O servidor roda inteiramente em memória RAM efêmera e limpa sua sala assim que você sai.",
+ "FEATURE_4_TITLE": "Suporte universal a HTML5",
+ "FEATURE_4_DESC": "Funciona no YouTube, Twitch, Netflix, Jellyfin, Emby e em quase qualquer página web padrão com um elemento de vídeo HTML5. Também é compatível com servidores próprios.",
+ "FEATURE_5_TITLE": "Auto-hospedável e pronto para Docker",
+ "FEATURE_5_DESC": "Nossos servidores oficiais são rápidos e gratuitos, mas você pode ter controle total se desejar. Inicie seu próprio servidor de retransmissão privado em segundos via Docker.",
+ "FEATURE_6_TITLE": "Convites instantâneos / Entrada em 1 clique",
+ "FEATURE_6_DESC": "Sem troca de endereços IP ou senhas. Compartilhe um link de convite gerado para que seus amigos entrem automaticamente na sua sala com um único clique.",
+
+ "COMP_TITLE": "KoalaSync vs Teleparty",
+ "COMP_SUBTITLE": "Veja por que o código aberto, sem anúncios e com privacidade em primeiro lugar é a melhor escolha para assistirem juntos.",
+ "COMP_COL_FEATURE": "Recurso",
+ "COMP_FEAT_1_NAME": "Custo / Bloqueios de recursos",
+ "COMP_FEAT_1_DESC": "Assinaturas premium, taxas ocultas ou recursos bloqueados.",
+ "COMP_FEAT_1_KOALA": "100% Gratuito",
+ "COMP_FEAT_1_TELE": "Assinaturas pagas / Bloqueios Premium",
+ "COMP_FEAT_2_NAME": "Licença / Código auditável",
+ "COMP_FEAT_2_DESC": "Se o código-fonte é aberto e de livre auditoria.",
+ "COMP_FEAT_2_KOALA": "Código Aberto (MIT)",
+ "COMP_FEAT_2_TELE": "Proprietário",
+ "COMP_FEAT_3_NAME": "Auto-hospedagem",
+ "COMP_FEAT_3_DESC": "Capacidade de implantar seu próprio servidor de retransmissão privado.",
+ "COMP_FEAT_3_KOALA": "Sim (pronto para Docker)",
+ "COMP_FEAT_3_TELE": "Não",
+ "COMP_FEAT_4_NAME": "Privacidade e Rastreamento",
+ "COMP_FEAT_4_DESC": "Exigências de registro, cookies de rastreamento e análises.",
+ "COMP_FEAT_4_KOALA": "Sem persistência (apenas RAM)",
+ "COMP_FEAT_4_TELE": "Google Analytics e Cookies",
+ "COMP_FEAT_5_NAME": "Compatibilidade de sites",
+ "COMP_FEAT_5_DESC": "Sites suportados e compatibilidade do player.",
+ "COMP_FEAT_5_KOALA": "Quase qualquer vídeo HTML5",
+ "COMP_FEAT_5_TELE": "Apenas sites suportados",
+ "COMP_FOOTNOTE_1": "Estado da comparação: maio de 2026.",
+ "COMP_FOOTNOTE_2": "Preços oficiais do Teleparty Premium e detalhes das redes suportadas:",
+ "COMP_FOOTNOTE_3": "Políticas de privacidade do Teleparty e coleta de dados de rastreamento:",
+ "COMP_FOOTNOTE_4": "Funciona em sites que permitem injeções de scripts em tags de vídeo HTML5 padrão. Sites com políticas de segurança de conteúdo (CSP) muito rígidas, proteção contra cópia DRM ou contêineres de player fortemente ocultos (como DOMs de sombra complexos) podem limitar o controle automatizado ou a injeção.",
+
+ "STEPS_TITLE": "Como começar",
+ "STEP_1_TITLE": "Instalar a extensão",
+ "STEP_1_DESC": "Adicione o KoalaSync ao seu navegador a partir da Chrome Web Store, Firefox Add-ons ou baixe o arquivo ZIP de desenvolvedor mais recente do GitHub.",
+ "STEP_1_ILLUS_DESC": "Sincronizador de vídeo focado em privacidade",
+ "STEP_1_ILLUS_DL_CHROME": "Baixar para o Chrome",
+ "STEP_1_ILLUS_DL_FIREFOX": "Baixar para o Firefox",
+ "STEP_1_ILLUS_ACTIVE": "Extensão ativa",
+ "STEP_1_ILLUS_READY": "Prontos para assistir juntos!",
+
+ "STEP_2_TITLE": "Criar uma sala",
+ "STEP_2_DESC": "Abra a janela da extensão e clique em '+ Criar nova sala'. O KoalaSync gera automaticamente um ID de sala e senha seguros, entra nela e copia o link de convite para a sua área de transferência.",
+ "STEP_2_ILLUS_ROOM": "Sala",
+ "STEP_2_ILLUS_SYNC": "Sincro",
+ "STEP_2_ILLUS_SETTINGS": "Opções",
+ "STEP_2_ILLUS_CREATE": "+ Criar nova sala",
+ "STEP_2_ILLUS_MANUAL": "Conexão manual / Avançado",
+ "STEP_2_ILLUS_COPIED": "Link de convite copiado!",
+
+ "STEP_3_TITLE": "Compartilhar e Sincronizar",
+ "STEP_3_DESC": "Envie o link de convite para seus amigos. Assim que eles entrarem, selecione a aba do seu vídeo e aproveite a reprodução sincronizada.",
+ "STEP_3_ILLUS_IN_SYNC": "SINCRONIZADO",
+
+ "SELF_TITLE": "Para quem hospeda próprio",
+ "SELF_SUBTITLE": "Não confia no nosso servidor? Mantenha a soberania total dos seus dados. Implante seu próprio servidor de retransmissão em minutos.",
+ "SELF_MASCOT_ALT": "Um coala fofo sentado à frente de um laptop implantando um contêiner Docker para hospedagem própria",
+ "SELF_COPY_CODE": "Copiar código",
+ "SELF_GITHUB_PACKAGES": "Ver todas as tags de imagens no GitHub Packages",
+
+ "BOTTOM_TITLE": "Ainda não se convenceu? Veja por si mesmo.",
+ "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",
+
+ "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",
+ "FOOTER_PRIVACY": "Privacy Policy"
+}
diff --git a/website/locales/ru.json b/website/locales/ru.json
new file mode 100644
index 0000000..0e96901
--- /dev/null
+++ b/website/locales/ru.json
@@ -0,0 +1,120 @@
+{
+ "LANG_CODE": "ru",
+ "HTML_CLASS": "lang-ru",
+ "CANONICAL_PATH": "ru/",
+ "LANG_TOGGLE_URL": "../",
+ "LANG_TOGGLE_TEXT": "EN",
+
+ "META_TITLE": "KoalaSync | Синхронизация Netflix, YouTube и любого видео с друзьями",
+ "META_DESCRIPTION": "Смотрите Netflix, YouTube, Twitch и любые HTML5-видео в идеальной синхронизации с друзьями. Бесплатное расширение с открытым исходным кодом для Chrome и Firefox. Регистрация не требуется.",
+ "OG_TITLE": "KoalaSync | Синхронизация Netflix, Emby, Jellyfin и почти любого видео с друзьями",
+ "OG_DESCRIPTION": "Смотрите Netflix, Emby, Jellyfin, YouTube, Twitch и почти любое HTML5-видео в идеальной синхронизации. Открытое и ориентированное на конфиденциальность расширение для Chrome и Firefox.",
+ "TWITTER_TITLE": "KoalaSync | Синхронизация Netflix, Emby, Jellyfin и почти любого видео с друзьями – Расширение",
+ "TWITTER_DESCRIPTION": "Смотрите Netflix, Emby, Jellyfin, YouTube, Twitch и почти любое HTML5-видео в идеальной синхронизации с друзьями. Открытое и конфиденциальное расширение для Chrome и Firefox.",
+
+ "NAV_FEATURES": "Функции",
+ "NAV_HOW_IT_WORKS": "Как это работает",
+
+ "HERO_TITLE": "Смотрите вместе. Синхронно на 100%.",
+ "HERO_SUBTITLE": "Ваш киновечер на расстоянии без задержек. Без регистрации и сбора данных. Просто поделитесь ссылкой и смотрите вместе.",
+ "HERO_MASCOT_ALT": "Милый коала стоит и смотрит вниз на кнопки загрузки",
+ "ADD_TO_CHROME": "Установить в Chrome",
+ "ADD_TO_FIREFOX": "Установить в Firefox",
+
+ "COMPAT_HEADING": "Работает на ваших любимых платформах",
+ "COMPAT_MORE": "и многих других",
+ "COMPAT_TOOLTIP": "Работает почти на любом сайте с видеоэлементом",
+
+ "USE_CASES_TITLE": "Идеально для любого случая",
+ "USE_CASES_SUBTITLE": "Близко или далеко — KoalaSync объединяет людей за просмотром любимых видео.",
+ "USE_CASE_1_ALT": "Два милых коалы сидят вместе и делят ведро попкорна",
+ "USE_CASE_1_TITLE": "Киноночь с друзьями",
+ "USE_CASE_1_DESC": "Синхронизируйте фильмы в реальном времени и общайтесь в Discord, Zoom или вашей любимой программе. Это ощущается так, будто вы сидите в одной комнате.",
+ "USE_CASE_2_ALT": "Профессор коала проводит презентацию на экране для двух удаленных студентов коал",
+ "USE_CASE_2_TITLE": "Удаленное обучение",
+ "USE_CASE_2_DESC": "Разбирайте обучающие видео, лекции или стримы для разработчиков вместе с однокурсниками или коллегами. Ставьте на паузу и обсуждайте сложные шаги в идеальном согласии.",
+ "USE_CASE_3_ALT": "Милая пара коал смотрит видео удаленно; один сидит за ПК, другая в постели с ноутбуком, между ними летают сердечки",
+ "USE_CASE_3_TITLE": "Отношения на расстоянии",
+ "USE_CASE_3_DESC": "Сократите расстояние и наслаждайтесь свиданиями. Переживайте каждый поворот сюжета, смейтесь над шутками и делитесь эмоциями в одну и ту же миллисекунду.",
+
+ "WHY_TITLE": "Почему KoalaSync?",
+ "WHY_SUBTITLE": "Создан для надежной синхронизации, конфиденциальности и простой настройки.",
+
+ "FEATURE_1_TITLE": "Полный контроль и мгновенный синхро",
+ "FEATURE_1_DESC": "Один ставит на паузу — пауза у всех. Один перематывает — все перематывают. Наш двухфазный протокол координирует воспроизведение в реальном времени у всех участников.",
+ "FEATURE_2_TITLE": "Бесконечные марафоны",
+ "FEATURE_2_DESC": "Синхронное автовоспроизведение. KoalaSync автоматически определяет переход на следующую серию и ждет, пока она загрузится у всех участников.",
+ "FEATURE_3_TITLE": "Без аккаунтов и хранения данных",
+ "FEATURE_3_DESC": "Без регистрации, без отслеживания, без следов на диске. Сервер работает исключительно во временной RAM и полностью стирает вашу комнату при выходе.",
+ "FEATURE_4_TITLE": "Универсальная поддержка HTML5",
+ "FEATURE_4_DESC": "Работает на YouTube, Twitch, Netflix, Jellyfin, Emby и почти на любой веб-странице со стандартным HTML5-видеотегом. Подходит для локальных медиатек.",
+ "FEATURE_5_TITLE": "Self-Hosted и готов к Docker",
+ "FEATURE_5_DESC": "Наши официальные серверы бесплатны и быстры, но вы можете получить полный контроль. Запустите свой собственный приватный ретранслятор в Docker за секунды.",
+ "FEATURE_6_TITLE": "Быстрые приглашения в 1 клик",
+ "FEATURE_6_DESC": "Не нужно обмениваться IP-адресами или паролями. Отправьте сгенерированную ссылку друзьям, чтобы они автоматически вошли в комнату в один клик.",
+
+ "COMP_TITLE": "KoalaSync против Teleparty",
+ "COMP_SUBTITLE": "Узнайте, почему открытый исходный код, отсутствие рекламы и конфиденциальность делают нас лучшим выбором для совместного просмотра.",
+ "COMP_COL_FEATURE": "Функция",
+ "COMP_FEAT_1_NAME": "Стоимость и ограничения",
+ "COMP_FEAT_1_DESC": "Платные подписки, скрытые платежи или заблокированные функции.",
+ "COMP_FEAT_1_KOALA": "100% Бесплатно",
+ "COMP_FEAT_1_TELE": "Платные тарифы и ограничения",
+ "COMP_FEAT_2_NAME": "Лицензия и аудит кода",
+ "COMP_FEAT_2_DESC": "Открыт ли исходный код для свободного изучения и аудита безопасности.",
+ "COMP_FEAT_2_KOALA": "Open Source (MIT)",
+ "COMP_FEAT_2_TELE": "Проприетарный",
+ "COMP_FEAT_3_NAME": "Self-Hosting",
+ "COMP_FEAT_3_DESC": "Возможность развернуть свой собственный приватный сервер.",
+ "COMP_FEAT_3_KOALA": "Да (готов к Docker)",
+ "COMP_FEAT_3_TELE": "Нет",
+ "COMP_FEAT_4_NAME": "Конфиденциальность и трекеры",
+ "COMP_FEAT_4_DESC": "Обязательная регистрация, отслеживающие файлы cookie и аналитика.",
+ "COMP_FEAT_4_KOALA": "Без сохранения (только RAM)",
+ "COMP_FEAT_4_TELE": "Google Analytics и Cookies",
+ "COMP_FEAT_5_NAME": "Совместимость с сайтами",
+ "COMP_FEAT_5_DESC": "Поддерживаемые веб-ресурсы и совместимость плееров.",
+ "COMP_FEAT_5_KOALA": "Почти любое HTML5 видео",
+ "COMP_FEAT_5_TELE": "Только поддерживаемые сайты",
+ "COMP_FOOTNOTE_1": "Состояние сравнения: май 2026.",
+ "COMP_FOOTNOTE_2": "Официальные цены Teleparty Premium и поддерживаемые сети:",
+ "COMP_FOOTNOTE_3": "Политика конфиденциальности Teleparty и сбор трекеров:",
+ "COMP_FOOTNOTE_4": "Работает на сайтах, разрешающих инъекцию скриптов в стандартные видеотеги HTML5. Сайты с очень строгой политикой безопасности контента (CSP), защитой от копирования DRM или сильно обфусцированными оболочками плееров (например, сложные теневые DOM) могут блокировать автоматическое управление.",
+
+ "STEPS_TITLE": "С чего начать",
+ "STEP_1_TITLE": "Установить расширение",
+ "STEP_1_DESC": "Добавьте KoalaSync в браузер из Chrome Web Store, Firefox Add-ons or скачайте последний ZIP-архив разработчика с GitHub.",
+ "STEP_1_ILLUS_DESC": "Ориентированный на конфиденциальность синхронизатор видео",
+ "STEP_1_ILLUS_DL_CHROME": "Скачать для Chrome",
+ "STEP_1_ILLUS_DL_FIREFOX": "Скачать для Firefox",
+ "STEP_1_ILLUS_ACTIVE": "Расширение активно",
+ "STEP_1_ILLUS_READY": "Готовы смотреть вместе!",
+
+ "STEP_2_TITLE": "Создать комнату",
+ "STEP_2_DESC": "Откройте меню расширения и нажмите «+ Создать новую комнату». KoalaSync автоматически сгенерирует ID и пароль, войдет в нее и скопирует ссылку-приглашение.",
+ "STEP_2_ILLUS_ROOM": "Комната",
+ "STEP_2_ILLUS_SYNC": "Синхро",
+ "STEP_2_ILLUS_SETTINGS": "Опции",
+ "STEP_2_ILLUS_CREATE": "+ Создать комнату",
+ "STEP_2_ILLUS_MANUAL": "Ручное подключение / Дополнительно",
+ "STEP_2_ILLUS_COPIED": "Ссылка скопирована!",
+
+ "STEP_3_TITLE": "Поделиться и смотреть",
+ "STEP_3_DESC": "Отправьте ссылку друзьям. Как только они присоединятся, выберите вкладку с видео и наслаждайтесь синхронным просмотром.",
+ "STEP_3_ILLUS_IN_SYNC": "В СИНХРОНЕ",
+
+ "SELF_TITLE": "Для селф-хостеров",
+ "SELF_SUBTITLE": "Не доверяете нашему серверу? Сохраняйте полный контроль над данными. Разверните собственный приватный сервер за пару минут.",
+ "SELF_MASCOT_ALT": "Милый коала сидит за ноутбуком и разворачивает контейнер Docker для селф-хостинга",
+ "SELF_COPY_CODE": "Копировать код",
+ "SELF_GITHUB_PACKAGES": "Посмотреть все теги образов на GitHub Packages",
+
+ "BOTTOM_TITLE": "Все еще сомневаетесь? Убедитесь сами.",
+ "BOTTOM_SUBTITLE": "KoalaSync на 100% бесплатен, открыт и безопасен. Изучите наш код на GitHub или установите расширение в браузер напрямую.",
+ "BOTTOM_MASCOT_ALT": "Милый коала держит страницу репозитория GitHub рядом с маскотом GitHub Octocat",
+
+ "FOOTER_MIT": "Открытый исходный код под лицензией MIT.",
+ "FOOTER_RAM": "Никакие данные не сохраняются на наших серверах. Только RAM-трансляция.",
+ "FOOTER_LEGAL": "Legal Notice",
+ "FOOTER_PRIVACY": "Privacy Policy"
+}
diff --git a/website/sitemap.xml b/website/sitemap.xml
index 270ecc5..64080a4 100644
--- a/website/sitemap.xml
+++ b/website/sitemap.xml
@@ -6,15 +6,45 @@
weekly1.0
+
+ https://sync.koalastuff.net/de/
+ 2026-05-31
+ weekly
+ 0.8
+
+
+ https://sync.koalastuff.net/fr/
+ 2026-05-31
+ weekly
+ 0.8
+
+
+ https://sync.koalastuff.net/es/
+ 2026-05-31
+ weekly
+ 0.8
+
+
+ https://sync.koalastuff.net/pt-BR/
+ 2026-05-31
+ weekly
+ 0.8
+
+
+ https://sync.koalastuff.net/ru/
+ 2026-05-31
+ weekly
+ 0.8
+ https://sync.koalastuff.net/impressum.html
- 2026-05-30
+ 2026-05-31yearly0.3https://sync.koalastuff.net/datenschutz.html
- 2026-05-30
+ 2026-05-31yearly0.3
diff --git a/website/style.css b/website/style.css
index c4ae24c..d088fdc 100644
--- a/website/style.css
+++ b/website/style.css
@@ -6,7 +6,7 @@
--accent: #6366f1;
--accent-glow: rgba(99, 102, 241, 0.3);
--text: #f8fafc;
- --text-muted: #94a3b8;
+ --text-muted: #cbd5e1; /* Increased contrast for WCAG AA (6.28:1 contrast ratio) */
--success: #22c55e;
--glass: rgba(30, 41, 59, 0.4);
--glass-border: rgba(255, 255, 255, 0.05);
@@ -698,20 +698,25 @@ input:checked + .mock-slider:before {
}
/* --- Features --- */
+/* Bento Grid Layout Configuration */
.features-grid {
display: grid;
- grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
- gap: 2rem;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 1.5rem;
margin-top: 4rem;
}
.feature-card {
- background: var(--card);
+ background: rgba(30, 41, 59, 0.45);
+ backdrop-filter: blur(16px) saturate(120%);
+ -webkit-backdrop-filter: blur(16px) saturate(120%);
padding: 2.5rem;
border-radius: 24px;
- border: 1px solid var(--glass-border);
+ border: 1px solid rgba(255, 255, 255, 0.08);
+ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
+ overflow: hidden;
}
.feature-card::before {
@@ -720,7 +725,7 @@ input:checked + .mock-slider:before {
top: 0; left: 0; right: 0; bottom: 0;
border-radius: 24px;
padding: 1px;
- background: linear-gradient(to bottom right, rgba(99, 102, 241, 0.25), transparent);
+ background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.12), transparent);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
@@ -729,28 +734,80 @@ input:checked + .mock-slider:before {
.feature-card:hover {
transform: translateY(-5px);
- box-shadow: 0 15px 30px rgba(99, 102, 241, 0.15);
- border-color: rgba(99, 102, 241, 0.2);
+ box-shadow: 0 15px 30px rgba(99, 102, 241, 0.2);
+ border-color: rgba(99, 102, 241, 0.3);
}
-.feature-icon {
- font-size: 1.6rem;
- margin-right: 0.6rem;
- display: inline-block;
+.feature-card:hover::before {
+ background: linear-gradient(to bottom right, rgba(99, 102, 241, 0.3), transparent);
+}
+
+/* Feature Icon with Inline SVG Wrapper */
+.feature-icon-svg {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 42px;
+ height: 42px;
+ background: rgba(99, 102, 241, 0.12);
+ color: var(--accent);
+ border-radius: 12px;
+ margin-right: 12px;
vertical-align: middle;
- filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2));
+ transition: all 0.3s ease;
+}
+
+.feature-card:hover .feature-icon-svg {
+ background: var(--accent);
+ color: white;
+ box-shadow: 0 0 15px var(--accent-glow);
+ transform: scale(1.05);
+}
+
+.bento-icon {
+ width: 20px;
+ height: 20px;
+ display: block;
}
.feature-card h3 {
- margin-bottom: 0.75rem;
+ margin-bottom: 1rem;
font-size: 1.35rem;
font-weight: 700;
+ display: flex;
+ align-items: center;
}
.feature-card p {
color: var(--text-muted);
font-size: 0.95rem;
- line-height: 1.5;
+ line-height: 1.6;
+}
+
+/* Bento Asymmetric Spanning */
+.feature-card.bento-large {
+ grid-column: span 2;
+ background: linear-gradient(135deg, rgba(30, 41, 59, 0.45) 0%, rgba(99, 102, 241, 0.08) 100%);
+}
+
+@media (max-width: 900px) {
+ .features-grid {
+ grid-template-columns: repeat(2, 1fr);
+ gap: 1.25rem;
+ }
+ .feature-card.bento-large {
+ grid-column: span 2;
+ }
+}
+
+@media (max-width: 600px) {
+ .features-grid {
+ grid-template-columns: 1fr;
+ gap: 1rem;
+ }
+ .feature-card.bento-large {
+ grid-column: span 1;
+ }
}
/* --- How it works --- */
@@ -1709,21 +1766,84 @@ footer {
}
/* --- Language Toggle --- */
-html.lang-en [lang="de"],
html.lang-de [lang="en"] {
display: none !important;
}
-
-.lang-toggle {
- cursor: pointer;
- font-weight: 600;
- user-select: none;
- color: var(--text-muted);
- transition: color 0.3s;
+html:not(.lang-de) [lang="de"] {
+ display: none !important;
}
-.lang-toggle:hover {
- color: var(--accent);
+/* --- Modern Glassmorphic Language Selector --- */
+.lang-select-container {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ background: rgba(30, 41, 59, 0.4);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ border: 1px solid rgba(255, 255, 255, 0.08);
+ border-radius: 9999px;
+ padding: 6px 14px 6px 12px;
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ color: var(--text-muted);
+}
+
+.lang-select-container:hover {
+ background: rgba(30, 41, 59, 0.6);
+ border-color: rgba(99, 102, 241, 0.3);
+ color: var(--text);
+ box-shadow: 0 0 15px rgba(99, 102, 241, 0.1);
+}
+
+.lang-select-container .globe-icon {
+ width: 16px;
+ height: 16px;
+ flex-shrink: 0;
+ opacity: 0.8;
+ transition: transform 0.5s ease;
+}
+
+.lang-select-container:hover .globe-icon {
+ transform: rotate(15deg);
+ opacity: 1;
+}
+
+.lang-select-container .chevron-icon {
+ width: 12px;
+ height: 12px;
+ flex-shrink: 0;
+ pointer-events: none;
+ opacity: 0.6;
+ margin-left: -2px;
+}
+
+.lang-select-container:hover .chevron-icon {
+ opacity: 1;
+}
+
+.lang-dropdown {
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ outline: none;
+ font-family: inherit;
+ font-size: 0.8rem;
+ font-weight: 600;
+ color: currentColor;
+ cursor: pointer;
+ padding: 0 12px 0 0;
+ margin: 0;
+ width: auto;
+}
+
+.lang-dropdown option {
+ background: #0f172a;
+ color: white;
+ font-family: inherit;
+ font-size: 0.9rem;
}
/* --- Hamburger Menu --- */
diff --git a/website/template.html b/website/template.html
new file mode 100644
index 0000000..9816824
--- /dev/null
+++ b/website/template.html
@@ -0,0 +1,1014 @@
+
+
+
+
+
+ {{META_TITLE}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+