Add clickable proof footnotes to Teleparty comparison table linking to official policy pages

This commit is contained in:
Koala
2026-05-30 11:14:04 +02:00
parent 2261a8133a
commit 8fbada8b03
2 changed files with 104 additions and 5 deletions
+40 -5
View File
@@ -427,7 +427,10 @@
<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>
</td>
<td class="check highlight"><span lang="en">100% Free</span><span lang="de">100% Kostenlos</span></td>
<td class="cross"><span lang="en">Paid Tiers / Premium Locks</span><span lang="de">Premium-Abo / Paywalls</span></td>
<td class="cross">
<span lang="en">Paid Tiers / Premium Locks</span><span lang="de">Premium-Abo / Paywalls</span>
<a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer" class="source-link" title="See Teleparty Premium Pricing"><sup>[1]</sup></a>
</td>
</tr>
<tr>
<td class="feat-name">
@@ -435,7 +438,10 @@
<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>
</td>
<td class="check highlight"><span lang="en">Yes</span><span lang="de">Ja</span></td>
<td class="cross"><span lang="en">Proprietary</span><span lang="de">Proprietär</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>
</td>
</tr>
<tr>
<td class="feat-name">
@@ -443,7 +449,10 @@
<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>
</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></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>
</td>
</tr>
<tr>
<td class="feat-name">
@@ -451,7 +460,10 @@
<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>
</td>
<td class="check highlight"><span lang="en">Zero-Persistence</span><span lang="de">Keine Speicherung</span></td>
<td class="cross"><span lang="en">Google Analytics &amp; Cookies</span><span lang="de">Google Analytics &amp; Cookies</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>
</td>
</tr>
<tr>
<td class="feat-name">
@@ -459,10 +471,33 @@
<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>
</td>
<td class="check highlight"><span lang="en">Any Video Element</span><span lang="de">Jedes Video-Element</span></td>
<td class="cross"><span lang="en">Supported sites only (some Premium-only)</span><span lang="de">Nur unterstützte Seiten (teilweise Premium-Pflicht)</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>
</td>
</tr>
</tbody>
</table>
<div class="table-footnotes">
<p>
<sup>[1]</sup>
<span lang="en">Official Teleparty Premium pricing and supported networks details:</span>
<span lang="de">Details zu Preisen und unterstützten Netzwerken von Teleparty Premium:</span>
<a href="https://www.teleparty.com/premium" target="_blank" rel="noopener noreferrer">teleparty.com/premium</a>
</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>
<a href="https://www.teleparty.com/privacy" target="_blank" rel="noopener noreferrer">teleparty.com/privacy</a>
</p>
</div>
</div>
</div>
</section>
+64
View File
@@ -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;
}
}