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:
+13
-1
@@ -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);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user