Archiv-Zeile: Titel größer und selbsterklärend

Titel lautet jetzt "Stadionzeitung zum Heimspiel gegen <Gegner>" statt nur
"Gegen <Gegner>". Damit ist die Zeile für sich verständlich, auch als Link-Text
für Screenreader. Das "zum" ist eingefügt, damit der Satz grammatisch trägt.

Größe von --fs-650 auf --fs-690, den Token für Karten-Überschriften (28px auf
32 bis 44px). Die alte Begründung für die kleinere Stufe war, dass lange
Gegner-Bezeichnungen in die 280px-Karte passen mussten — die Karte ist jetzt
eine Zeile über die volle Breite, der Grund ist weg. Nach unten bleibt
--fs-650 die harte Grenze für Coolvetica in Versalien.

Geprüft bei 1280px (Titel auf einer Zeile, füllt die Zeile) und bei echten
390px (bricht auf zwei Zeilen, liest sich sauber).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7
This commit is contained in:
2026-07-31 18:32:32 +02:00
parent f6efdfb4b4
commit c7b23b9f39
3 changed files with 13 additions and 9 deletions

View File

@@ -438,9 +438,11 @@ Digitale Fassung der Stadionzeitung zu jedem Heimspiel — Archiv-Übersicht (`/
**Liste über die volle Breite, Cover links und die Angaben rechts daneben** (dasselbe Muster wie **Liste über die volle Breite, Cover links und die Angaben rechts daneben** (dasselbe Muster wie
`.veranstaltung-card`, und aus demselben Grund: der Bestand ist klein). Vorher war das ein `.veranstaltung-card`, und aus demselben Grund: der Bestand ist klein). Vorher war das ein
horizontales Regal mit 280px-Karten; bei **einer** veröffentlichten Ausgabe stand die Karte allein horizontales Regal mit 280px-Karten; bei **einer** veröffentlichten Ausgabe stand die Karte allein
links auf einer 1280px breiten Seite (geändert 31.07.2026). Die Zeile trägt als Teaser die links auf einer 1280px breiten Seite (geändert 31.07.2026). Der Titel der Zeile lautet
**Coverzeile des Interviews** (`interview.teaser`, dieselbe Quelle wie „Im Heft" auf dem Cover) — **„Stadionzeitung zum Heimspiel gegen <Gegner>"** (nicht nur „Gegen <Gegner>"): so ist die Zeile für
ohne Interview entfällt sie. Pro Ausgabe ein Swipe-Viewer (`/stadionzeitung/<ausgabe-slug>`, dynamische Route, sich verständlich, auch als Link-Text für Screenreader. Als Teaser darunter steht die **Coverzeile des
Interviews** (`interview.teaser`, dieselbe Quelle wie „Im Heft" auf dem Cover) — ohne Interview
entfällt sie. Pro Ausgabe ein Swipe-Viewer (`/stadionzeitung/<ausgabe-slug>`, dynamische Route,
siehe „Architektur-Muster"). **Bewusst kein PDF auf der Website** — die Ausgabe entsteht ohnehin in siehe „Architektur-Muster"). **Bewusst kein PDF auf der Website** — die Ausgabe entsteht ohnehin in
Canva, jede Seite wird dort direkt als Bild (PNG/JPG) statt als PDF exportiert. Ein PDF-Export der Canva, jede Seite wird dort direkt als Bild (PNG/JPG) statt als PDF exportiert. Ein PDF-Export der
Muster-Datei war ~80 MB (hochauflösende Druck-Scans) und hätte serverseitig Ghostscript/Imagick Muster-Datei war ~80 MB (hochauflösende Druck-Scans) und hätte serverseitig Ghostscript/Imagick

View File

@@ -31,7 +31,7 @@ $issues = $issues ?? [];
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="stadionzeitung-card__body"> <div class="stadionzeitung-card__body">
<h3 class="stadionzeitung-card__name">Gegen <?= e($issue['opponent']) ?></h3> <h3 class="stadionzeitung-card__name">Stadionzeitung zum Heimspiel gegen <?= e($issue['opponent']) ?></h3>
<p class="stadionzeitung-card__meta"> <p class="stadionzeitung-card__meta">
<time datetime="<?= e($issue['date']) ?>"><?= e(german_date($issue['date'])) ?></time> <time datetime="<?= e($issue['date']) ?>"><?= e(german_date($issue['date'])) ?></time>
· <?= (int) $issue['pages'] ?> Seiten · <?= (int) $issue['pages'] ?> Seiten

View File

@@ -3428,11 +3428,13 @@
} }
.stadionzeitung-card__name { .stadionzeitung-card__name {
/* fs-690 (wie .team-card__name) ist für kurze Teamnamen gedacht — Gegner- /* --fs-690 ist der Token für Karten-Überschriften (wie .team-card__name).
Bezeichnungen können lang/zusammengesetzt sein ("Gegen X & SG Y/Z"), Hier stand vorher --fs-650 mit der Begründung, Gegner-Bezeichnungen könnten
darum eine Stufe kleiner. --fs-650 ist die harte Untergrenze für lang sein und in die 280px-Karte passen — die Karte ist jetzt eine Zeile über
Coolvetica in Versalien (CLAUDE.md). */ die volle Breite, der Grund ist weg (31.07.2026). Nach unten bleibt --fs-650
font-size: var(--fs-650); die harte Grenze für Coolvetica in Versalien (CLAUDE.md), nach oben ist hier
Platz. */
font-size: var(--fs-690);
line-height: var(--lh-heading); line-height: var(--lh-heading);
} }