From cfef79ec1d9cd0f41009ee51083b936db64224a6 Mon Sep 17 00:00:00 2001
From: Koala <6156589+Shik3i@users.noreply.github.com>
Date: Sat, 30 May 2026 11:18:06 +0200
Subject: [PATCH] Refactor comparison table categories to be neutral,
 consolidate privacy footnotes, and add comparison date stamp

---
 website/index.html | 47 +++++++++++++++++++++++-----------------------
 website/style.css  | 22 ++++++++++++++--------
 2 files changed, 37 insertions(+), 32 deletions(-)

diff --git a/website/index.html b/website/index.html
index 409f6d9..8841983 100644
--- a/website/index.html
+++ b/website/index.html
@@ -420,11 +420,12 @@
                             <th>Teleparty</th>
                         </tr>
                     </thead>
+                    <tbody>
                     <tbody>
                         <tr>
                             <td class="feat-name">
-                                <strong><span lang="en">100% Free / No Paywalls</span><span lang="de">100% Kostenlos / Keine Paywalls</span></strong>
-                                <span class="feat-desc"><span lang="en">No premium subscriptions, hidden fees or locked features.</span><span lang="de">Keine Premium-Abos, versteckte Kosten oder gesperrte Funktionen.</span></span>
+                                <strong><span lang="en">Cost / Paywalls</span><span lang="de">Kosten / Paywalls</span></strong>
+                                <span class="feat-desc"><span lang="en">Premium subscriptions, hidden fees or locked features.</span><span lang="de">Premium-Abos, versteckte Kosten oder gesperrte Funktionen.</span></span>
                             </td>
                             <td class="check highlight">✔ <span lang="en">100% Free</span><span lang="de">100% Kostenlos</span></td>
                             <td class="cross">
@@ -434,43 +435,43 @@
                         </tr>
                         <tr>
                             <td class="feat-name">
-                                <strong><span lang="en">Open Source (MIT)</span><span lang="de">Open Source (MIT)</span></strong>
-                                <span class="feat-desc"><span lang="en">Fully auditable codebase. Anyone can contribute.</span><span lang="de">Vollständig prüfbarer Code. Jeder kann mitwirken.</span></span>
+                                <strong><span lang="en">License / Code Auditable</span><span lang="de">Lizenz / Quellcode</span></strong>
+                                <span class="feat-desc"><span lang="en">Whether the source code is open and freely auditable.</span><span lang="de">Ob der Quellcode quelloffen und frei einsehbar ist.</span></span>
                             </td>
-                            <td class="check highlight">✔ <span lang="en">Yes</span><span lang="de">Ja</span></td>
+                            <td class="check highlight">✔ <span lang="en">Open Source (MIT)</span><span lang="de">Open Source (MIT)</span></td>
                             <td class="cross">
                                 ✘ <span lang="en">Proprietary</span><span lang="de">Proprietär</span>
-                                <a href="https://www.teleparty.com/terms" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Terms of Service"><sup>[2]</sup></a>
+                                <a href="https://www.teleparty.com/privacy" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Privacy Policy"><sup>[2]</sup></a>
                             </td>
                         </tr>
                         <tr>
                             <td class="feat-name">
-                                <strong><span lang="en">Self-Hostable</span><span lang="de">Self-Hostable</span></strong>
-                                <span class="feat-desc"><span lang="en">Deploy your own private relay server in seconds.</span><span lang="de">Starte deinen eigenen privaten Relay-Server in Sekunden.</span></span>
+                                <strong><span lang="en">Self-Hosting</span><span lang="de">Self-Hosting</span></strong>
+                                <span class="feat-desc"><span lang="en">Ability to deploy your own private relay server.</span><span lang="de">Möglichkeit, einen eigenen privaten Relay-Server zu betreiben.</span></span>
                             </td>
                             <td class="check highlight">✔ <span lang="en">Yes (Docker-ready)</span><span lang="de">Ja (Docker-bereit)</span></td>
                             <td class="cross">
                                 ✘ <span lang="en">No</span><span lang="de">Nein</span>
-                                <a href="https://www.teleparty.com/terms" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Terms of Service"><sup>[2]</sup></a>
+                                <a href="https://www.teleparty.com/privacy" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Privacy Policy"><sup>[2]</sup></a>
                             </td>
                         </tr>
                         <tr>
                             <td class="feat-name">
-                                <strong><span lang="en">Privacy First / Ephemeral RAM</span><span lang="de">Datenschutz / Flüchtiger RAM</span></strong>
-                                <span class="feat-desc"><span lang="en">No registration, no accounts, no persistent tracking.</span><span lang="de">Keine Registrierung, keine Accounts, kein Tracking.</span></span>
+                                <strong><span lang="en">Privacy &amp; Tracking</span><span lang="de">Datenschutz &amp; Tracking</span></strong>
+                                <span class="feat-desc"><span lang="en">Registration requirements, tracking cookies and analytics.</span><span lang="de">Registrierungszwang, Tracking-Cookies und Analysen.</span></span>
                             </td>
-                            <td class="check highlight">✔ <span lang="en">Zero-Persistence</span><span lang="de">Keine Speicherung</span></td>
+                            <td class="check highlight">✔ <span lang="en">Zero-Persistence (RAM-only)</span><span lang="de">Keine Speicherung (RAM-only)</span></td>
                             <td class="cross">
                                 ✘ <span lang="en">Google Analytics &amp; Cookies</span><span lang="de">Google Analytics &amp; Cookies</span>
-                                <a href="https://www.teleparty.com/privacy" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Privacy Policy"><sup>[3]</sup></a>
+                                <a href="https://www.teleparty.com/privacy" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Privacy Policy"><sup>[2]</sup></a>
                             </td>
                         </tr>
                         <tr>
                             <td class="feat-name">
-                                <strong><span lang="en">Universal HTML5 Sync</span><span lang="de">Universeller HTML5-Sync</span></strong>
-                                <span class="feat-desc"><span lang="en">Works on almost any website with a video element.</span><span lang="de">Funktioniert auf fast jeder Webseite mit einem Video.</span></span>
+                                <strong><span lang="en">Site Compatibility</span><span lang="de">Kompatibilität</span></strong>
+                                <span class="feat-desc"><span lang="en">Supported websites and player compatibility.</span><span lang="de">Unterstützte Webseiten und Player-Kompatibilität.</span></span>
                             </td>
-                            <td class="check highlight">✔ <span lang="en">Any Video Element</span><span lang="de">Jedes Video-Element</span></td>
+                            <td class="check highlight">✔ <span lang="en">Any HTML5 Video</span><span lang="de">Jedes HTML5-Video</span></td>
                             <td class="cross">
                                 ✘ <span lang="en">Supported sites only</span><span lang="de">Nur unterstützte Seiten</span>
                                 <a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Platforms"><sup>[1]</sup></a>
@@ -479,6 +480,10 @@
                     </tbody>
                 </table>
                 <div class="table-footnotes">
+                    <p style="opacity: 0.55; font-size: 0.65rem; margin-bottom: 0.4rem; display: block;">
+                        <span lang="en">* Comparison state: May 2026.</span>
+                        <span lang="de">* Stand des Vergleichs: Mai 2026.</span>
+                    </p>
                     <p>
                         <sup>[1]</sup> 
                         <span lang="en">Official Teleparty Premium pricing and supported networks details:</span>
@@ -487,14 +492,8 @@
                     </p>
                     <p>
                         <sup>[2]</sup> 
-                        <span lang="en">Teleparty proprietary intellectual property and usage limitations:</span>
-                        <span lang="de">Proprietäre Schutzrechte und Nutzungsbeschränkungen von Teleparty:</span>
-                        <a href="https://www.teleparty.com/terms" target="_blank" rel="noopener noreferrer">teleparty.com/terms</a>
-                    </p>
-                    <p>
-                        <sup>[3]</sup> 
-                        <span lang="en">Teleparty data collection policies (use of Google Analytics &amp; third-party trackers):</span>
-                        <span lang="de">Datenerfassungs-Richtlinien von Teleparty (Verwendung von Google Analytics &amp; Drittanbieter-Trackern):</span>
+                        <span lang="en">Teleparty privacy policies and tracking data collection:</span>
+                        <span lang="de">Datenschutzerklärung und Tracker-Erfassung von Teleparty:</span>
                         <a href="https://www.teleparty.com/privacy" target="_blank" rel="noopener noreferrer">teleparty.com/privacy</a>
                     </p>
                 </div>
diff --git a/website/style.css b/website/style.css
index 8f24d09..62981d0 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1558,12 +1558,18 @@ html.lang-de [lang="en"] {
 }
 
 .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;
+    padding: 0.8rem 1.25rem;
+    background: rgba(15, 23, 42, 0.45);
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
+    font-size: 0.72rem;
     color: var(--text-muted);
-    line-height: 1.6;
+    line-height: 1.5;
+    opacity: 0.65;
+    transition: opacity 0.2s ease;
+}
+
+.table-footnotes:hover {
+    opacity: 0.95;
 }
 
 .table-footnotes p {
@@ -1574,7 +1580,7 @@ html.lang-de [lang="en"] {
 }
 
 .table-footnotes p:not(:last-child) {
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.4rem;
 }
 
 .table-footnotes a {
@@ -1596,8 +1602,8 @@ html.lang-de [lang="en"] {
 
 @media (max-width: 768px) {
     .table-footnotes {
-        padding: 1rem;
-        font-size: 0.72rem;
+        padding: 0.75rem 1rem;
+        font-size: 0.68rem;
     }
 }