52 lines
2.1 KiB
Markdown
52 lines
2.1 KiB
Markdown
# 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).
|