Alle TikTok-Buttons/-Karten site-weit im neuen TikTok-Farbschema

Der neue .btn-tiktok-Stil (Cyan #25F4EE + Pink/Rot #FE2C55 Polarlicht,
bisher nur auf vanvan.html/dogfather.html) wird jetzt konsequent überall
angewendet, wo es einen echten TikTok-Link gibt:
- profil.html: TikTok-Social-Link (Diene/Miss/Ghost) nutzt .btn-tiktok
  statt generischem .btn-outline, andere Plattformen unverändert.
- streamplan.html: "Zur Dogi TikTok-Seite"-Button jetzt .btn-tiktok.
- links.html: neue .card-tiktok-Variante wendet denselben Polarlicht-
  Mechanismus auf die TikTok-Karte im Karten-Grid an (Kartenform bleibt
  erhalten, damit das Grid nicht durcheinanderkommt), alle anderen
  Plattform-Karten (Instagram/Snapchat/Discord/Shop/Bewerben) bleiben
  im normalen Karten-Stil.
Bewusst NUR TikTok — keine andere Plattform bekommt diese Farben.
This commit is contained in:
2026-08-02 13:38:16 +02:00
parent 8048d03fad
commit 7d365e3c48
4 changed files with 63 additions and 3 deletions
+13 -1
View File
@@ -262,10 +262,22 @@ document.addEventListener("DOMContentLoaded", () => {
Object.entries(person.social || {}).forEach(([plattform, url]) => {
if (!url) return;
const a = document.createElement("a");
a.className = "btn btn-outline";
a.href = url;
a.target = "_blank";
a.rel = "noopener";
// TikTok-Links bekommen den eigenen Polarlicht-Button im TikTok-
// Farbschema (siehe .btn-tiktok in main.css) — bewusst NUR TikTok,
// alle anderen Plattformen (Instagram/Spotify/Discord) behalten den
// normalen Outline-Button-Stil.
if (plattform === "tiktok") {
a.className = "btn-tiktok";
const span = document.createElement("span");
span.textContent = socialLabels[plattform];
a.appendChild(span);
socialWrap.appendChild(a);
return;
}
a.className = "btn btn-outline";
a.textContent = socialLabels[plattform] || plattform;
socialWrap.appendChild(a);
});