Infrastruktur für die Auswahl zwischen drei Layouts:
- Anti-FOUC-Script als erstes Element in <head>: liest localStorage und
setzt data-layout auf <html>, bevor der Browser CSS auswertet
- <html data-layout="classic"> als Fallback für Browser ohne JavaScript
- Alle Classic-Styles in screen.scss unter :root[data-layout="classic"]
gescoped — "None" zeigt Browser-Defaults, weil keine Regel mehr greift
- Neues resurrection.scss mit :root[data-layout="resurrection"]-Scope;
enthält Platzhalter-Partials (_tokens, _reset, _typography, _layout,
_components) nach moderner Best-Practice-Struktur
- _typography.scss setzt Headings auf --color-accent (#2a7a2a) als
sichtbaren Unterschied zu "None"
- Footer-Nav mit Links "Resurrection | Classic | None" (rechtsbündig,
grau, Hover/Aktiv wie andere Footer-Links)
- assets/js/main.js: markiert den aktiven Layout-Link und schaltet bei
Klick data-layout um; Wahl wird in localStorage gespeichert
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
projects / website / commit