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]
+ |
+
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;
+ }
+}
+