DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Alle Buttons im Polarlicht-Stil des Bewerben-Knopfs, Musik-Knopf auch auf Startseite auffällig

Browse Source 
- .btn (primary/secondary/outline) bekommt jetzt sitewide denselben STIL wie
  der "Bewerben"-Knopf oben (wandernde, weichgezeichnete Farbwolken +
  Lichtschimmer) - aber mit den Farben der jeweiligen Seite/Karte
  (--accent/--accent-2) statt der festen Regenbogen-Palette. Läuft über
  negative z-index-Ebenen, Button-Text bleibt automatisch scharf obenauf,
  keine HTML-Änderung in den ~30 Seiten nötig.
- Musik-Knopf zeigt den festen Polarlicht-Look (wie der Bewerben-Knopf)
  jetzt auch auf der Startseite, nicht mehr nur auf den Bewerben-Seiten -
  auf allen anderen Seiten bleibt er das Chamäleon (passt sich dem
  jeweiligen Seitenbild an)
- main.js: SPA-Seitenwechsel übernimmt jetzt die komplette body-Klassenliste
  der neuen Seite (vorher wurde nur "mit-hintergrund" einzeln synchronisiert -
  Sonderklassen wie "bewerben-seite"/"start-seite" blieben beim Klick-Wechsel
  fälschlich hängen bzw. fehlten)
This commit is contained in:
DogFatherGit
2026-08-01 13:13:51 +02:00
parent 479517ad47
commit 6737354075
3 changed files with 76 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/main.js
+7 -3
View File
@@ -484,10 +484,14 @@
alterInhalt.replaceWith(neuerInhalt);
// Seitenmotiv mitnehmen: Die Bildvariablen hängen am <body>, damit das
// Motiv die ganze Seite trägt — beim Wechsel also mit übernehmen.
// Seitenmotiv + Sonderklassen mitnehmen: Die Bildvariablen hängen am
// <body>, damit das Motiv die ganze Seite trägt — beim Wechsel also mit
// übernehmen. Bewusst die GANZE Klassenliste kopieren (nicht nur
// "mit-hintergrund" einzeln pflegen), sonst bleiben Sonderklassen wie
// "bewerben-seite" oder "start-seite" nach einem Klick-Wechsel fälschlich
// stehen bzw. fehlen auf der neuen Seite.
const bodyNeu = dok.body;
document.body.classList.toggle("mit-hintergrund", bodyNeu.classList.contains("mit-hintergrund"));
document.body.className = bodyNeu.className;
["--page-bg", "--page-bg-mobile"].forEach((v) => {
const wert = bodyNeu.style.getPropertyValue(v);
if (wert) document.body.style.setProperty(v, wert);