mirror of
https://github.com/Shik3i/KoalaSync.git
synced 2026-07-26 12:08:15 +00:00
KoalaDev
af4ac943a9
- Flag font: ship a committed fontTools subset (43 KB, -45%) of TwemojiCountryFlags.woff2 with only the 15 flags the site uses, under a content-hashed name with a preload on every flag-bearing page. The build validates the subset against a manifest and fails when a new flag appears without regenerating (npm run subset-flags). JS subsetters (subset-font/harfbuzzjs) were rejected: their wasm builds silently drop the COLR/CPAL color tables, rendering all flags invisible. - Responsive mascots: legal/join/404 pages served 434-500px sources for 175-180px slots; the build now emits 180w/360w variants (AVIF 1x: ~7 KB vs ~22 KB) and the pages use srcset. Small logo spots (14-42px) now use the existing 64/128px variants instead of the 256px file. - injectAvifPictures copies the img sizes attribute onto the AVIF <source>; without it Chrome mis-selects w-descriptor candidates and can drop the image entirely. - AVIF conversion is cached by content hash (.avif-cache.json); the old mtime check never hit because copyDirSync refreshes mtimes, so every verify re-encoded all 26 files. - HTML output is minified (comments + indentation, <pre> preserved, newlines kept for inline-script safety): index.html 121 KB -> 93 KB. - unicode-range trimmed to U+1F1E6-1F1FF; tag-sequence flags fall through to the system emoji font. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
314 lines
22 KiB
HTML
314 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" class="lang-de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Datenschutz | KoalaSync</title>
|
||
<link rel="preload" href="../style.min.css" as="style">
|
||
<link rel="stylesheet" href="../style.min.css">
|
||
<link rel="icon" type="image/webp" href="../assets/NewLogoIcon_64.webp">
|
||
<link rel="canonical" href="https://sync.koalastuff.net/de/datenschutz">
|
||
<link rel="alternate" hreflang="en" href="https://sync.koalastuff.net/privacy">
|
||
<link rel="alternate" hreflang="de" href="https://sync.koalastuff.net/de/datenschutz">
|
||
<link rel="alternate" hreflang="x-default" href="https://sync.koalastuff.net/privacy">
|
||
<meta name="description" content="Datenschutzerklärung von KoalaSync - Wir nehmen Datenschutz ernst. Erfahre mehr über unseren Ansatz ohne Tracking, ohne Logs und ohne Cookies.">
|
||
<meta name="robots" content="index, follow">
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BreadcrumbList",
|
||
"itemListElement": [
|
||
{ "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://sync.koalastuff.net/de/" },
|
||
{ "@type": "ListItem", "position": 2, "name": "Datenschutz", "item": "https://sync.koalastuff.net/de/datenschutz" }
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebPage",
|
||
"name": "Datenschutzerklärung",
|
||
"url": "https://sync.koalastuff.net/de/datenschutz",
|
||
"description": "Datenschutzerklärung von KoalaSync - Wir nehmen Datenschutz ernst. Erfahre mehr über unseren Ansatz ohne Tracking, ohne Logs und ohne Cookies.",
|
||
"inLanguage": "de",
|
||
"isPartOf": {
|
||
"@type": "WebSite",
|
||
"name": "KoalaSync",
|
||
"url": "https://sync.koalastuff.net/de/"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- Mobile Browser Theme Styling -->
|
||
<meta name="theme-color" content="#10190e">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
|
||
<script src="../lang-init.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="bg-nature" aria-hidden="true">
|
||
<div class="bg-dusk-tint"></div>
|
||
<div class="bg-depth-day">
|
||
<div class="bg-godrays">
|
||
<span class="godray godray-1"></span>
|
||
<span class="godray godray-2"></span>
|
||
<span class="godray godray-3"></span>
|
||
</div>
|
||
<div class="bg-canopy"></div>
|
||
<span class="canopy-arc canopy-arc-1"></span>
|
||
<span class="canopy-arc canopy-arc-2"></span>
|
||
<span class="canopy-arc canopy-arc-3"></span>
|
||
<span class="canopy-arc canopy-arc-4"></span>
|
||
</div>
|
||
<div id="bamboo-far">
|
||
<span class="bamboo-stalk far-1"></span>
|
||
<span class="bamboo-stalk far-2"></span>
|
||
<span class="bamboo-stalk far-3"></span>
|
||
<span class="bamboo-stalk far-4"></span>
|
||
<span class="bamboo-stalk far-5"></span>
|
||
</div>
|
||
<div id="bamboo-near">
|
||
<div class="bamboo-stalk near-1">
|
||
<i class="bamboo-node node-1"></i>
|
||
<i class="bamboo-node node-2"></i>
|
||
<i class="bamboo-node node-3"></i>
|
||
<i class="bamboo-leaf leaf-1"></i>
|
||
<i class="bamboo-leaf leaf-2"></i>
|
||
</div>
|
||
<div class="bamboo-stalk near-2">
|
||
<i class="bamboo-node node-1"></i>
|
||
<i class="bamboo-node node-2"></i>
|
||
<i class="bamboo-node node-3"></i>
|
||
<i class="bamboo-leaf leaf-1"></i>
|
||
</div>
|
||
<div class="bamboo-stalk near-3">
|
||
<i class="bamboo-node node-1"></i>
|
||
<i class="bamboo-node node-2"></i>
|
||
<i class="bamboo-node node-3"></i>
|
||
<i class="bamboo-leaf leaf-1"></i>
|
||
</div>
|
||
</div>
|
||
<span class="fall-leaf fall-leaf-1"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-2"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-3"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-4"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-5"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-6"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-7"><i></i></span>
|
||
<span class="fall-leaf fall-leaf-8"><i></i></span>
|
||
<span class="bg-grass bg-grass-1"></span>
|
||
<span class="bg-grass bg-grass-2"></span>
|
||
<span class="bg-grass bg-grass-3"></span>
|
||
<span class="bg-grass bg-grass-4"></span>
|
||
<div class="bg-depth-dusk">
|
||
<div class="bg-mist bg-mist-1"></div>
|
||
<div class="bg-mist bg-mist-2"></div>
|
||
<div class="bg-horizon"></div>
|
||
<span class="firefly-wrap fw-1"><span class="firefly"></span></span>
|
||
<span class="firefly-wrap fw-2"><span class="firefly"></span></span>
|
||
<span class="firefly-wrap fw-3"><span class="firefly"></span></span>
|
||
<span class="firefly-wrap fw-4"><span class="firefly"></span></span>
|
||
<span class="firefly-wrap fw-5"><span class="firefly"></span></span>
|
||
<span class="firefly-wrap fw-6"><span class="firefly"></span></span>
|
||
</div>
|
||
<div class="bg-light-sweep"></div>
|
||
<div class="bg-grain"></div>
|
||
</div>
|
||
|
||
<nav>
|
||
<div class="container nav-content">
|
||
<a href="./" class="logo-area" style="text-decoration: none;">
|
||
<img src="../assets/NewLogoIcon_128.webp" alt="KoalaSync Logo" width="40" height="40">
|
||
<span>KoalaSync</span>
|
||
</a>
|
||
<div class="nav-links">
|
||
<a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width: 16px; height: 16px; display: block;"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
|
||
<span>Startseite</span>
|
||
</a>
|
||
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" rel="noopener" style="display: inline-flex; align-items: center; gap: 6px;">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true" style="display: block;"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
|
||
GitHub
|
||
</a>
|
||
</div>
|
||
<div class="nav-right">
|
||
<div class="lang-select-container">
|
||
<select class="lang-dropdown" aria-label="Select Language">
|
||
<option value="en">🇬🇧 English</option>
|
||
<option value="de">🇩🇪 Deutsch</option>
|
||
<option value="fr">🇫🇷 Français</option>
|
||
<option value="es">🇪🇸 Español</option>
|
||
<option value="pt-BR">🇧🇷 Português (Brasil)</option>
|
||
<option value="ru">🇷🇺 Русский</option>
|
||
<option value="it">🇮🇹 Italiano</option>
|
||
<option value="pl">🇵🇱 Polski</option>
|
||
<option value="tr">🇹🇷 Türkçe</option>
|
||
<option value="nl">🇳🇱 Nederlands</option>
|
||
<option value="ja">🇯🇵 日本語</option>
|
||
<option value="ko">🇰🇷 한국어</option>
|
||
<option value="pt">🇵🇹 Português (Portugal)</option>
|
||
</select>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
|
||
</div>
|
||
<button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<main class="legal-content">
|
||
<div class="legal-card" data-reveal style="padding: 2rem;">
|
||
<div style="display: flex; justify-content: center;">
|
||
<img src="../assets/KoalaPrivacy-180.webp" srcset="../assets/KoalaPrivacy-180.webp 180w, ../assets/KoalaPrivacy-360.webp 360w" sizes="180px" alt="Niedlicher Koala, der den Datenschutz repräsentiert" class="legal-mascot" width="180" height="180">
|
||
</div>
|
||
<h1>Datenschutz</h1>
|
||
<p style="text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8rem; border-bottom: 1px solid var(--glass-border); padding-bottom: 1.5rem; margin-bottom: 2rem;">
|
||
Sicherheit & Privatsphäre
|
||
</p>
|
||
|
||
<section>
|
||
<h2>1. Kontakt</h2>
|
||
<p>
|
||
KoalaSync wird von Timo Schmidt betrieben.<br>
|
||
Für datenschutzbezogene Fragen: <span class="email-reveal" data-user="koalasync" data-domain="koalastuff.net" style="color: var(--accent); cursor: pointer; text-decoration: underline;">[E-Mail anzeigen]</span>
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>2. Website-Hosting & Access Logs</h2>
|
||
<p>
|
||
KoalaSync wird auf Infrastruktur der Hetzner Online GmbH, Industriestr. 25, 91710 Gunzenhausen, Deutschland, gehostet. Der Serverstandort ist Finnland und damit innerhalb der EU/des EWR. Mit Hetzner besteht ein Auftragsverarbeitungsvertrag gemäß Art. 28 DSGVO.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Beim Aufruf dieser Website können Standard-Access-Logs Ihre IP-Adresse, Browser/User-Agent und Zeitpunkt enthalten. Diese Logs werden ausschließlich für Sicherheit, Stabilität und Missbrauchsprävention verwendet und nach 7 Tagen automatisch gelöscht.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO, berechtigtes Interesse am sicheren Betrieb der Website, an Stabilität und Missbrauchsprävention.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>3. Keine Drittanbieter & Open Source</h2>
|
||
<p>
|
||
KoalaSync verzichtet bewusst auf Analyse-Tools, Tracking-Cookies oder Werbenetzwerke. Wir laden keine Ressourcen von Drittanbietern (wie Google Fonts) nach, um Ihre Privatsphäre maximal zu schützen.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Da KoalaSync vollständig Open Source ist, kann zudem jede Zeile Code auf unserem <a href="https://github.com/shik3i/KoalaSync" target="_blank" rel="noopener" style="color: var(--accent);">GitHub-Repository</a> öffentlich eingesehen und auf Sicherheit geprüft werden.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>4. Offizieller Relay-Server & Raumdaten</h2>
|
||
<p>
|
||
Der offizielle KoalaSync-Relay-Server führt keine persistenten Logs. Er speichert keine Raumhistorie, keinen Sync-Verlauf, keinen Wiedergabeverlauf, keine Raumnachrichten, keine Playback-Events, keine Tab-Titel und keine Medientitel auf Festplatte.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Zur Bereitstellung der Raumfunktion verarbeitet der Relay Raum- und Synchronisationsdaten temporär im Arbeitsspeicher, solange ein Raum aktiv ist. Dazu können Room-ID, Peer-ID, Anzeigename, Wiedergabestatus, Sync-Events und – abhängig von den Titel-Privatsphäre-Einstellungen – Tab-/Medientitel gehören. Diese Daten werden nur an Teilnehmer desselben Raums weitergeleitet und aus dem Arbeitsspeicher entfernt, wenn der Raum abläuft oder geschlossen wird.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO, berechtigtes Interesse an der Bereitstellung der gewünschten Synchronisationsfunktion, Sicherheit und Missbrauchsprävention.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Raum- und Peer-Zahlen sind aggregierte Betriebsmetriken zur Überwachung des Serverstatus.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>5. Browser-Erweiterung & lokaler Speicher</h2>
|
||
<p>
|
||
Zur Synchronisierung der Wiedergabe zwischen Teilnehmern desselben Raums erfasst die KoalaSync Browser-Erweiterung temporär Daten des aktuell aktiven Video-Tabs (z. B. Tab-Titel, Medien-Metadaten wie den Videotitel sowie den Wiedergabestatus). Tab- oder Medientitel können je nach Inhalt potenziell personenbezogen sein. Sie werden nur für die Synchronisationsfunktion verarbeitet, können über die Privatsphäre-Einstellungen der Erweiterung eingeschränkt oder deaktiviert werden, werden nur an Teilnehmer desselben Raums weitergeleitet und vom Relay nicht protokolliert oder dauerhaft gespeichert.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Die Erweiterung speichert nur für den Betrieb erforderliche Einstellungen lokal im Browser, z. B. Anzeigename, Server-URL, aktuelle Raumdaten, Sprache, Titel-Privatsphäre-Einstellungen, Benachrichtigungseinstellungen und Audio-Processing-Einstellungen. KoalaSync speichert keinen allgemeinen Browserverlauf und keinen persistenten Wiedergabeverlauf.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Die Erweiterung verbindet sich nur mit dem Relay-Server, während Sie sich aktiv in einem Raum befinden. Es wird keine dauerhafte Hintergrundverbindung aufrechterhalten, sodass Ihre IP-Adresse dem Server nicht offengelegt wird, wenn Sie die Erweiterung nicht nutzen.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>6. Berechtigungen der Erweiterung</h2>
|
||
<p>
|
||
Um ihren technischen Zweck zu erfüllen, benötigt die Browser-Erweiterung bestimmte Berechtigungen. Jede Berechtigung wird ausschließlich für die Kernfunktionalität genutzt:
|
||
</p>
|
||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem; color: var(--text-muted); font-size: 0.9rem; list-style-type: disc; display: flex; flex-direction: column; gap: 0.35rem;">
|
||
<li><strong>storage</strong>: Ermöglicht die lokale Speicherung von Anzeigename, Server-URL, Raumdaten und Einstellungen im Browser, damit diese zwischen Sitzungen erhalten bleiben.</li>
|
||
<li><strong>tabs</strong>: Wird benötigt, um geöffnete Tabs im Dropdown der Erweiterung aufzulisten und deren Titel auszulesen, damit Sie bequem den richtigen Video-Tab auswählen können.</li>
|
||
<li><strong>scripting</strong>: Erforderlich, um das Synchronisationsskript (content.js) sicher in den von Ihnen ausgewählten Videotab zu injizieren.</li>
|
||
<li><strong>alarms</strong>: Verhindert, dass der Hintergrunddienst der Erweiterung (Service Worker) während einer aktiven Synchronisationssitzung vom Browser in den Ruhezustand versetzt wird.</li>
|
||
<li><strong>activeTab</strong>: Ermöglicht eine sichere, temporäre Interaktion mit dem momentan aktiven Tab für direkte Steuerungsbefehle.</li>
|
||
<li><strong>notifications</strong>: Ermöglicht optionale Desktop-Benachrichtigungen, wenn beispielsweise ein neuer Freund dem Raum beitritt.</li>
|
||
<li><strong><all_urls> (Host-Berechtigung)</strong>: Ermöglicht der Erweiterung, auf beliebigen Webseiten nach HTML5-Videoelementen zu suchen, damit die Synchronisation plattformübergreifend (z. B. auf YouTube, Netflix, Jellyfin etc.) funktioniert.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>7. Brute-Force & Rate-Limit-Schutz</h2>
|
||
<p>
|
||
Zur Missbrauchsprävention können fehlgeschlagene Beitritts-/Login-Versuche die IP-Adresse und Room-ID für bis zu 15 Minuten im Arbeitsspeicher halten. Diese Daten werden nicht auf Festplatte geschrieben, nicht öffentlich zugänglich gemacht und automatisch gelöscht. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO, berechtigtes Interesse an der Verhinderung von Brute-Force-Angriffen und Missbrauch.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>8. Empfänger & Dritte</h2>
|
||
<p>
|
||
Technische Hosting- und Verbindungsdaten können durch Hetzner als Hosting-Anbieter im Auftrag des Betreibers verarbeitet werden. Raum-Synchronisationsdaten werden nur an Teilnehmer desselben Raums weitergeleitet. KoalaSync verwendet keine Analytics-Anbieter, Werbenetzwerke oder Tracking-Dienste.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>9. Erforderliche & optionale Daten</h2>
|
||
<p>
|
||
Die Bereitstellung technischer Verbindungsdaten ist erforderlich, um die Website aufzurufen und den Relay zu nutzen. Raumdaten und Sync-Events sind erforderlich, um die Raumsynchronisation zu verwenden. Das Teilen von Tab-/Medientitel ist optional und kann über die Privatsphäre-Einstellungen der Erweiterung eingeschränkt werden.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>10. Rechte der betroffenen Person</h2>
|
||
<p>
|
||
Nach der DSGVO können Ihnen Rechte auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung, Datenübertragbarkeit, Widerspruch sowie das Recht auf Beschwerde bei einer Aufsichtsbehörde zustehen.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">
|
||
Da KoalaSync keine Nutzerkonten verwendet und keine persistenten Raumlogs oder Wiedergabeverläufe speichert, sind viele Datenpunkte entweder kurzlebig oder nach ihrer Löschung keiner bestimmten Person mehr zuordenbar. KoalaSync erhebt oder speichert außerdem keine zusätzlichen Identifikationsdaten nur um Nutzer für Betroffenenanfragen zu identifizieren.
|
||
</p>
|
||
<p style="margin-top: 0.5rem;">Kontakt für Datenschutzanfragen: <span class="email-reveal" data-user="koalasync" data-domain="koalastuff.net" style="color: var(--accent); cursor: pointer; text-decoration: underline;">[E-Mail anzeigen]</span></p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>11. Kein Profiling & automatisierte Entscheidungsfindung</h2>
|
||
<p>
|
||
KoalaSync verwendet kein Profiling und keine automatisierte Entscheidungsfindung im Sinne von Art. 22 DSGVO.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>12. Drittlandstransfers</h2>
|
||
<p>
|
||
Das reguläre Hosting befindet sich innerhalb der EU/des EWR. Eine regelmäßige Übermittlung personenbezogener Daten in Drittländer findet nicht statt.
|
||
</p>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>© 2026 KoalaSync. Open Source unter der MIT-Lizenz.</p>
|
||
<p style="font-size: 0.8rem; margin-top: 0.5rem;">Keine Relay-Logs. Kein Tracking. Website-Access-Logs werden nach 7 Tagen gelöscht.</p>
|
||
<div style="margin-top: 1.5rem; font-size: 0.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
|
||
<a href="impressum" style="color: var(--text-muted); text-decoration: none;">Impressum</a>
|
||
<a href="datenschutz" style="color: var(--text-muted); text-decoration: none;">Datenschutz</a>
|
||
<a href="alternatives/teleparty">Vergleiche & Anleitungen</a>
|
||
<a href="https://mastodon.social/@koalastuff" rel="me noopener" target="_blank" style="color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px;">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="14" height="14" aria-hidden="true" style="display: block;"><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg>
|
||
Mastodon
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="../app.min.js"></script>
|
||
</body>
|
||
</html>
|