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:
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user