From e29c6666b6b2d527e2749daa3f4635476cd51f30 Mon Sep 17 00:00:00 2001 From: Koala <6156589+Shik3i@users.noreply.github.com> Date: Mon, 1 Jun 2026 01:42:42 +0200 Subject: [PATCH] feat(website): redesign bento tiles in 'Why KoalaSync' section - Swap last two tiles: Invitation becomes 2nd-last (bento-large), Self-Hosting becomes last small tile - bento-large layout: icon centered above heading, 33/67 grid split - Fix icon consistency on small tiles (uniform 44x44 rounded squares) - Improve responsive breakpoints for all viewports - Delete legacy website/index.html (obsoleted by template + build.js) --- website/index.html | 1036 ---------------------------------- website/style.css | 118 +++- website/template.html | 24 +- website/www/de/index.html | 24 +- website/www/es/index.html | 24 +- website/www/fr/index.html | 24 +- website/www/index.html | 24 +- website/www/pt-BR/index.html | 24 +- website/www/ru/index.html | 24 +- website/www/style.css | 118 +++- 10 files changed, 304 insertions(+), 1136 deletions(-) delete mode 100644 website/index.html diff --git a/website/index.html b/website/index.html deleted file mode 100644 index 74ce221..0000000 --- a/website/index.html +++ /dev/null @@ -1,1036 +0,0 @@ - - -
- - -
-
- - Use this if you see "Duplicate Identity" errors. - Nutze dies bei "Duplicate Identity" Fehlern. -
-
-
- - Works on your favorite platforms - Funktioniert auf deinen Lieblingsplattformen -
-- Whether near or far, KoalaSync brings people together around their favorite videos. - Ob nah oder fern, KoalaSync bringt Menschen bei ihren Lieblingsvideos zusammen. -
-
-
- 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.
-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.
-
-
- Analyze online tutorials, lectures, or developer training streams together with classmates or colleagues. Pause and discuss complex steps in perfect harmony.
-Analysiert Online-Tutorials, Vorlesungen oder Streams gemeinsam mit Mitschülern oder Kollegen. Pausiert und besprecht komplizierte Schritte in perfektem Sync.
-
-
- 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.
-Ü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.
-
-
- - Built for reliable sync, privacy-first design, and easy setup. - Entwickelt für zuverlässigen Sync, Datenschutz und einfache Einrichtung. -
- -One pauses, everyone pauses. One seeks, everyone follows. Our two-phase sync protocol coordinates playback in real time across all participants.
-Einer pausiert, alle pausieren. Einer spult, alle folgen. Unser Zwei-Phasen-Synchronisationsprotokoll koordiniert die Wiedergabe aller Teilnehmer in Echtzeit.
-Autoplay in sync. KoalaSync automatically detects episode transitions and holds playback until all peers have successfully loaded the next video.
-Nächste Episode startet für jeden zeitgleich. KoalaSync erkennt den Episodenwechsel und pausiert, bis jeder Teilnehmer das neue Video fertig geladen hat.
-No registration, no tracking, no bullshit. Just share a link and watch. The server runs entirely in RAM and purges your room when you leave.
-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.
-Works on YouTube, Twitch, Netflix, Jellyfin, Emby, and almost any standard webpage containing a HTML5 video element. Also compatible with custom self-hosted setups.
-Unterstützt YouTube, Twitch, Netflix, Jellyfin, Emby und fast jede beliebige Webseite mit einem HTML5-Video-Tag. Ideal auch für eigene Medienbibliotheken.
-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.
-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.
-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.
-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.
-
-
- - See why open source, ad-free and privacy-first is the superior way to watch together. - Erfahre, warum Open Source, Werbefreiheit und echter Datenschutz die bessere Wahl für gemeinsames Schauen sind. -
- -| FeatureFunktion | -KoalaSync | -Teleparty | -
|---|---|---|
| - Cost / PaywallsKosten / Paywalls - Premium subscriptions, hidden fees or locked features.Premium-Abos, versteckte Kosten oder gesperrte Funktionen. - | -✔ 100% Free100% Kostenlos | -- ✘ Paid Tiers / Premium LocksPremium-Abo / Paywalls - [1] - | -
| - License / Code AuditableLizenz / Quellcode - Whether the source code is open and freely auditable.Ob der Quellcode quelloffen und frei einsehbar ist. - | -✔ Open Source (MIT)Open Source (MIT) | -- ✘ ProprietaryProprietär - [2] - | -
| - Self-HostingSelf-Hosting - Ability to deploy your own private relay server.Möglichkeit, einen eigenen privaten Relay-Server zu betreiben. - | -✔ Yes (Docker-ready)Ja (Docker-bereit) | -- ✘ NoNein - [2] - | -
| - Privacy & TrackingDatenschutz & Tracking - Registration requirements, tracking cookies and analytics.Registrierungszwang, Tracking-Cookies und Analysen. - | -✔ Zero-Persistence (RAM-only)Keine Speicherung (RAM-only) | -- ✘ Google Analytics & CookiesGoogle Analytics & Cookies - [2] - | -
| - Site CompatibilityKompatibilität - Supported websites and player compatibility.Unterstützte Webseiten und Player-Kompatibilität. - | -✔ Almost any HTML5 VideoFast jedes HTML5-Video[3] | -- ✘ Supported sites onlyNur unterstützte Seiten - [1] - | -
- * Comparison state: May 2026. - * Stand des Vergleichs: Mai 2026. -
-- [1] - Official Teleparty Premium pricing and supported networks details: - Details zu Preisen und unterstützten Netzwerken von Teleparty Premium: - teleparty.com/premium -
-- [2] - Teleparty privacy policies and tracking data collection: - Datenschutzerklärung und Tracker-Erfassung von Teleparty: - teleparty.com/privacy -
-- [3] - 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. - 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. -
-Add KoalaSync to your browser from the Chrome Web Store, Firefox Add-ons, or download the latest developer ZIP from GitHub.
-Füge KoalaSync aus dem Chrome Web Store, den Firefox Add-ons oder über die Entwickler-ZIP von GitHub zu deinem Browser hinzu.
-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.
-Ö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.
-Send the invite link to your friends. Once they join, select your video tab and enjoy synchronized playback.
-Senden Sie den Einladungslink an Ihre Freunde. Sobald sie beitreten, wählen Sie Ihren Video-Tab aus und genießen Sie die synchronisierte Wiedergabe.
-- Don't trust our server? Maintain full data sovereignty. Deploy your own private relay server in minutes. - Du traust dem Server nicht? Behalte die volle Datenhoheit. Richte deinen eigenen privaten Relay-Server in wenigen Minuten ein. -
- - -
-
- services:
- koala-sync:
- image: ghcr.io/shik3i/koalasync:latest
- container_name: KoalaSync
- restart: always
- # Access internally by proxying to container port 3000
- environment:
- - TZ=Europe/Berlin
- - PORT=3000
- - MIN_VERSION=1.0.0
- - MAX_ROOMS=100
- - MAX_PEERS_PER_ROOM=50
- pids_limit: 2048
-
- sync.koalastuff.net {
- # Specify the web root inside the container
- root * /var/www/html
-
- # Enable static file server to deliver HTML, CSS, JS
- file_server
-}
-
-syncserver.koalastuff.net {
- reverse_proxy KoalaSync:3000
-}
- - KoalaSync is 100% open source, ad-free and tracking-free. Audit our codebase on GitHub or install the browser extension directly. - KoalaSync ist zu 100 % Open Source, werbefrei und trackingsicher. Überprüfe unseren Code auf GitHub oder installiere direkt die Browser-Erweiterung. -
- - - -
-
-
-
- {{FEATURE_4_DESC}}
- +{{FEATURE_5_DESC}}
-{{FEATURE_6_DESC}}
{{FEATURE_5_DESC}}
+Unterstützt YouTube, Twitch, Netflix, Jellyfin, Emby und fast jede beliebige Webseite mit einem HTML5-Video-Tag. Ideal auch für eigene Medienbibliotheken.
- +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.
-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.
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.
+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.
- +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.
-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.
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.
+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.
- +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.
-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.
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.
+Works on YouTube, Twitch, Netflix, Jellyfin, Emby, and almost any standard webpage containing a HTML5 video element. Also compatible with custom self-hosted setups.
- +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.
-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.
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.
+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.
- +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.
-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.
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.
+Работает на YouTube, Twitch, Netflix, Jellyfin, Emby и почти на любой веб-странице со стандартным HTML5-видеотегом. Подходит для локальных медиатек.
- +Наши официальные серверы бесплатны и быстры, но вы можете получить полный контроль. Запустите свой собственный приватный ретранслятор в Docker за секунды.
-Не нужно обмениваться IP-адресами или паролями. Отправьте сгенерированную ссылку друзьям, чтобы они автоматически вошли в комнату в один клик.
Наши официальные серверы бесплатны и быстры, но вы можете получить полный контроль. Запустите свой собственный приватный ретранслятор в Docker за секунды.
+