fs
a101b0c3ec
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
56 lines
2.5 KiB
PHP
56 lines
2.5 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
/**
|
|
* Die Plakate einer Veranstaltung (Ankündigung, Programm, …) als große,
|
|
* anklickbare Bilder. Props:
|
|
* $plakate array [{base, widths, alt, source?}, …] (script-verwaltet)
|
|
* $title string (optional, Default 'Plakate')
|
|
* $compact bool (optional) — kleinere Variante für den Rückblick
|
|
*
|
|
* Die Überschrift ist sichtbar, WENN die Plakate klein und nachgestellt sind
|
|
* (Rückblick): nach einer langen Fotogalerie brauchen zwei kleine Bilder am
|
|
* Seitenende eine Beschriftung. Als Hauptblock einer Ankündigung erklären sie
|
|
* sich dagegen selbst, dort bleibt die Überschrift visually-hidden — im Markup
|
|
* steht sie trotzdem, damit die Headings-Hierarchie keine Lücke hat (gleiche
|
|
* Lösung wie in stadionzeitung-cards).
|
|
*
|
|
* Warum eine eigene Komponente und nicht die Fotogalerie: ein Plakat ist kein
|
|
* Foto vom Fest, sondern trägt Informationen (Termine, Uhrzeiten, Ort). Es
|
|
* gehört nach vorne statt in den Rückblick und braucht Hochformat statt
|
|
* beschnittener Raster-Kacheln. Vergrößern läuft aber über dieselbe Lightbox —
|
|
* gerade bei einem Programmplakat will man das lesen können.
|
|
*
|
|
* Ohne JS ist jedes Plakat ein normaler Link auf die größte Variante.
|
|
*/
|
|
$plakate = $plakate ?? [];
|
|
$title = $title ?? 'Plakate';
|
|
$compact = $compact ?? false;
|
|
|
|
if ($plakate === []) {
|
|
return;
|
|
}
|
|
?>
|
|
<section class="section veranstaltung-plakate<?= $compact ? ' veranstaltung-plakate--compact' : '' ?>" id="plakate" data-lightbox-gallery>
|
|
<div class="container">
|
|
<h2<?= $compact ? '' : ' class="visually-hidden"' ?>><?= e($title) ?></h2>
|
|
<ul class="veranstaltung-plakate__grid">
|
|
<?php foreach ($plakate as $i => $plakat): ?>
|
|
<li class="veranstaltung-plakate__item">
|
|
<a class="veranstaltung-plakate__link" href="<?= e(asset($plakat['base'] . '-' . max($plakat['widths']) . '.jpg')) ?>" data-lightbox="<?= $i ?>">
|
|
<?php component('img', [
|
|
'image' => $plakat,
|
|
'sizes' => count($plakate) > 1 ? '(max-width: 768px) 92vw, 44vw' : '(max-width: 768px) 92vw, 30vw',
|
|
'eager' => $i === 0 && !$compact,
|
|
'class' => 'veranstaltung-plakate__img',
|
|
]); ?>
|
|
<span class="visually-hidden">(größer ansehen)</span>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<?php component('lightbox-overlay', ['label' => $title, 'count' => count($plakate)]); ?>
|
|
</section>
|