Stadionzeitung: Live-Seiten (Tabellen, Ergebnisse, Vorschau, Termine, News, Kontakt, Historie, Sportheim, Partner, Momente, Impressum), automatisches Cover, Swipe-Viewer mit Vollbildmodus und die Druckfassung als Falt-Heft. Anzeigen kommen jetzt aus dem Bestand und werden gleichmäßig verteilt, nie mehr als zwei hintereinander (vorher vier Blöcke à fünf). Die Doppelseiten-Regel rechnet das Skript selbst, statt sie von Hand zu prüfen. Veranstaltungen: Bereich /veranstaltungen mit Detailseite pro Fest, Lebenszyklus über das Datum (Ankündigung vor dem Fest, Rückblick danach), Galerie mit Lightbox. veranstaltungen.json ist dritte Termin-Quelle, damit ein Fest nie doppelt gepflegt wird. News-Artikel als dritte dynamische Prefix-Route, gemeinsamer detail-head. Behobene Fehler: - Wappen-Kontexte setzten Zeilen-Layout auf .crest statt auf die Zeile; das Wappen wurde zum Grid, Vereinsname und Tore rutschten darunter zusammen (Ergebnis-Rückblick, Vorschau, Cover). - --header-h (60px) unterschätzt die Kopfleiste um 32px (Logo 72px + 20px Versatz): neues abgeleitetes --header-space, sonst klebten Zurück-Links unter dem Logo. - base_url in der Produktions-Config ohne www, während .htaccess auf www umleitet; preflight prüft das jetzt. - .lightbox brauchte display:none mit (0,2,0), sonst lag das Overlay offen. Neue Werkzeuge: bin/anzeige-add.php (Anzeigen-Bestand), bin/veranstaltung-bilder.php (Plakate und Galerien, Alt-Texte folgen der Quelldatei), bin/qr.php (Druck-QR mit Warnung, wenn base_url nicht auf die echte Domain zeigt). Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7
65 lines
2.9 KiB
PHP
65 lines
2.9 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
/**
|
|
* Hauptnavigation aus data/navigation.json. Props: $current (Slug).
|
|
* Burger-Toggle + Dropdowns übernimmt assets/js/nav.js.
|
|
* Dropdowns funktionieren auch ohne JS (CSS :hover / :focus-within); JS ergänzt
|
|
* nur aria-expanded, Escape und Klick-außerhalb-schließt.
|
|
* CTAs: am Desktop rendert sie der Header (site-header__actions), im
|
|
* Burger-Modus stehen sie am Ende des Menü-Overlays (site-nav__ctas) —
|
|
* dieselbe Quelle (navigation.json → ctas), CSS blendet je Breakpoint
|
|
* genau eine der beiden Stellen ein.
|
|
*/
|
|
$nav = json_load('navigation');
|
|
|
|
$href = static function (string $slug): string {
|
|
// Anker-Slugs ("#aktuelles") zeigen auf Startseiten-Sektionen.
|
|
return str_starts_with($slug, '#') ? url() . $slug : url($slug);
|
|
};
|
|
?>
|
|
<nav class="site-nav" aria-label="Hauptnavigation">
|
|
<button class="site-nav__toggle" type="button" aria-expanded="false" aria-controls="site-nav-list">
|
|
<span class="site-nav__toggle-bar" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Menü öffnen</span>
|
|
</button>
|
|
<ul class="site-nav__list" id="site-nav-list">
|
|
<?php foreach ($nav['main'] as $item): ?>
|
|
<?php if (!empty($item['children'])): ?>
|
|
<?php
|
|
$submenuId = 'submenu-' . preg_replace('/[^a-z0-9]+/', '-', strtolower($item['label']));
|
|
$childActive = false;
|
|
foreach ($item['children'] as $child) {
|
|
if ($child['slug'] === $current) {
|
|
$childActive = true;
|
|
break;
|
|
}
|
|
}
|
|
?>
|
|
<li class="site-nav__item site-nav__item--has-submenu">
|
|
<button class="site-nav__sublink" type="button" aria-expanded="false" aria-controls="<?= e($submenuId) ?>"<?= $childActive ? ' data-current' : '' ?>><?= e($item['label']) ?><?= icon('chevron-down', 'site-nav__chevron') ?></button>
|
|
<ul class="site-nav__submenu" id="<?= e($submenuId) ?>">
|
|
<?php foreach ($item['children'] as $child): ?>
|
|
<li<?= !empty($child['separator']) ? ' class="site-nav__submenu-sep"' : '' ?>>
|
|
<a href="<?= e($href($child['slug'])) ?>"<?= $child['slug'] === $current ? ' aria-current="page"' : '' ?>><?= e($child['label']) ?></a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
<?php else: ?>
|
|
<li class="site-nav__item">
|
|
<a href="<?= e($href($item['slug'])) ?>"<?= $item['slug'] === $current ? ' aria-current="page"' : '' ?>><?= e($item['label']) ?></a>
|
|
</li>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
<?php if (!empty($nav['ctas'])): ?>
|
|
<li class="site-nav__ctas">
|
|
<?php foreach ($nav['ctas'] as $cta): ?>
|
|
<?php component('cta', ['cta' => $cta]); ?>
|
|
<?php endforeach; ?>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
</nav>
|