# 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-face` in `assets/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 unter `layouts/schauplaetze/`. Kartendaten kommen aus Schauplatz-Seiten (Frontmatter `lat`/`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).