From 8fbada8b0377eed66b86cee9882a8adfcde2942d Mon Sep 17 00:00:00 2001 From: Koala <6156589+Shik3i@users.noreply.github.com> Date: Sat, 30 May 2026 11:14:04 +0200 Subject: [PATCH] Add clickable proof footnotes to Teleparty comparison table linking to official policy pages --- website/index.html | 45 ++++++++++++++++++++++++++++---- website/style.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+), 5 deletions(-) diff --git a/website/index.html b/website/index.html index 1a1de60..409f6d9 100644 --- a/website/index.html +++ b/website/index.html @@ -427,7 +427,10 @@ No premium subscriptions, hidden fees or locked features.Keine Premium-Abos, versteckte Kosten oder gesperrte Funktionen. ✔ 100% Free100% Kostenlos - ✘ Paid Tiers / Premium LocksPremium-Abo / Paywalls + + ✘ Paid Tiers / Premium LocksPremium-Abo / Paywalls + [1] + @@ -435,7 +438,10 @@ Fully auditable codebase. Anyone can contribute.Vollständig prüfbarer Code. Jeder kann mitwirken. ✔ YesJa - ✘ ProprietaryProprietär + + ✘ ProprietaryProprietär + [2] + @@ -443,7 +449,10 @@ Deploy your own private relay server in seconds.Starte deinen eigenen privaten Relay-Server in Sekunden. ✔ Yes (Docker-ready)Ja (Docker-bereit) - ✘ NoNein + + ✘ NoNein + [2] + @@ -451,7 +460,10 @@ No registration, no accounts, no persistent tracking.Keine Registrierung, keine Accounts, kein Tracking. ✔ Zero-PersistenceKeine Speicherung - ✘ Google Analytics & CookiesGoogle Analytics & Cookies + + ✘ Google Analytics & CookiesGoogle Analytics & Cookies + [3] + @@ -459,10 +471,33 @@ Works on almost any website with a video element.Funktioniert auf fast jeder Webseite mit einem Video. ✔ Any Video ElementJedes Video-Element - ✘ Supported sites only (some Premium-only)Nur unterstützte Seiten (teilweise Premium-Pflicht) + + ✘ Supported sites onlyNur unterstützte Seiten + [1] + +
+

+ [1] + Official Teleparty Premium pricing and supported networks details: + Details zu Preisen und unterstützten Netzwerken von Teleparty Premium: + teleparty.com/premium +

+

+ [2] + Teleparty proprietary intellectual property and usage limitations: + Proprietäre Schutzrechte und Nutzungsbeschränkungen von Teleparty: + teleparty.com/terms +

+

+ [3] + Teleparty data collection policies (use of Google Analytics & third-party trackers): + Datenerfassungs-Richtlinien von Teleparty (Verwendung von Google Analytics & Drittanbieter-Trackern): + teleparty.com/privacy +

+
diff --git a/website/style.css b/website/style.css index c857221..8f24d09 100644 --- a/website/style.css +++ b/website/style.css @@ -1537,3 +1537,67 @@ html.lang-de [lang="en"] { } } +/* --- Footnotes & Source Links --- */ +.source-link { + color: var(--accent); + text-decoration: none; + font-size: 0.72rem; + font-weight: 700; + margin-left: 0.25rem; + display: inline-flex; + align-items: center; + vertical-align: super; + opacity: 0.6; + transition: opacity 0.2s ease, color 0.2s ease, transform 0.2s ease; +} + +.source-link:hover { + opacity: 1; + color: #38bdf8; + transform: translateY(-1px); +} + +.table-footnotes { + padding: 1.25rem 1.5rem; + background: rgba(15, 23, 42, 0.4); + border-top: 1px solid rgba(255, 255, 255, 0.06); + font-size: 0.78rem; + color: var(--text-muted); + line-height: 1.6; +} + +.table-footnotes p { + margin: 0; + display: flex; + align-items: baseline; + gap: 0.4rem; +} + +.table-footnotes p:not(:last-child) { + margin-bottom: 0.5rem; +} + +.table-footnotes a { + color: var(--accent); + text-decoration: none; + font-weight: 500; + transition: color 0.2s ease, text-decoration 0.2s ease; +} + +.table-footnotes a:hover { + color: #38bdf8; + text-decoration: underline; +} + +.table-footnotes sup { + font-weight: 700; + color: var(--accent); +} + +@media (max-width: 768px) { + .table-footnotes { + padding: 1rem; + font-size: 0.72rem; + } +} +