2.1 KiB
2.1 KiB
op-dz — Hugo-Theme
Theme im Corporate Design des Dokumentationszentrums (OP·DZ), aufgebaut auf UIkit 3. Alle Ressourcen werden lokal ausgeliefert (DSGVO-konform).
Merkmale
- UIkit 3 (lokal, gepinnt auf 3.21.13) unter
static/vendor/uikit/ - Schrift ABC Favorit komplett lokal (
static/fonts/favorit/,@font-faceinassets/css/fonts.css, WOFF2 + WOFF, alle Schnitte Light–Ultra) - Design-Tokens als CSS-Custom-Properties (
assets/css/main.css), Primärfarbe#1e2758(aus dem Logo-SVG verifiziert) - CSS wird gebündelt, im Production-Build minifiziert und mit Subresource-Integrity-Hash ausgeliefert
- Navbar-Dropdowns, mobiles Offcanvas und Footer-Spalten werden aus
einem Hugo-Menü (
main) generiert - barrierefrei: Skip-Link, sichtbarer Fokus,
prefers-reduced-motion, ARIA-Labels - Interaktive Karte (Leaflet 1.9.4, lokal) mit OpenStreetMap-Kacheln,
farbigen Kategorie-Markern, Kategorie-Filter und Popups. Marker-Daten werden
statisch als JSON in die Seite eingebettet (kein externer Request).
Bausteine:
partials/karte.html,assets/js/map.js, Section-Layouts unterlayouts/schauplaetze/. Kartendaten kommen aus Schauplatz-Seiten (Frontmatterlat/lng/kategorien) +data/kategorien.yaml(Farben).
Struktur
theme.toml
assets/css/ fonts.css + main.css (Hugo-Pipeline)
layouts/
_default/ baseof.html, list.html, single.html
index.html Startseite (Hero, Veranstaltungen, Leitbild,
Neuigkeiten, Galerie, Newsletter)
partials/ head, topbar, search-modal, navbar, offcanvas, footer
static/
vendor/uikit/ UIkit CSS/JS (lokal)
fonts/favorit/ ABC Favorit (WOFF2/WOFF)
images/logos/ Logo_OP_DZ_* (SVG/PNG)
images/formen/ Bögen & Raster (SVG/PNG)
design-source/ NICHT veröffentlicht: OTF, EPS, Prototyp-HTML
Konfiguration
Menüs und alle Texte/Kontaktdaten kommen aus der Site-hugo.toml
([menus], [params]). Siehe das Root-README des Projekts für Details.
Abhängigkeit
Hugo Extended ≥ 0.116 (Asset-Pipeline).