fs/tsv08kulmbach-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stadionzeitung: Galerie-Seite als Bento-Raster

Browse Source 
Optionale Live-Seite hinter dem Ergebnis-Rückblick mit Fotos vom letzten
Spiel. bin/stadionzeitung-add.php liest sie aus <ordner>/galerie/, Kopf und
Alt-Texte sind Chat-Pflege und hängen an source. Preflight meldet fehlende
Galerie-Dateien.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PCMNXcfkM9RcaVjqoJjRsz
This commit is contained in:
Felix Schneider
2026-10-02 11:10:57 +02:00
parent 7aae3d5ca9
commit fbb23a8732
6 changed files with 235 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
public/assets/css/components.css
View File

@@ -8628,6 +8628,83 @@ p.stadionzeitung-turnier__label:first-of-type {
object-fit: cover;
}
/* === stadionzeitung-galerie (Live-Seite, optional: Fotos vom letzten Spiel) === */
/* Bento-Raster auf einem 6×4-Gitter: das erste Foto ist der Aufmacher (4×2),
die übrigen legen sich je nach Anzahl darum. Die Fläche unter dem Kopf gehört
komplett den Fotos, beschnitten wird per object-fit — wie bei den Momenten
ohne Bildunterschriften, der Alt-Text trägt die Beschreibung.
Das Raster wächst per flex in die feste A5-Höhe; min-height ist der Halt für
den gestapelten Viewer ohne JS, wo die Seite keine feste Höhe hat (dann
kollabierten die 1fr-Zeilen auf null). 95cqi passt unter jeden Kopf mit
Textzeile (gemessen gegen 141,9cqi Blatthöhe). */
.stadionzeitung-galerie {
display: flex;
flex-direction: column;
height: 100%;
}
.stadionzeitung-galerie .stadionzeitung-page__head {
margin-bottom: 2.5cqi;
}
.stadionzeitung-galerie__text {
font-size: 3.4cqi;
color: var(--clr-text-muted);
}
.stadionzeitung-galerie__bento {
flex: 1 1 auto;
min-height: 95cqi;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 1.5cqi;
}
.stadionzeitung-galerie__foto {
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: cover;
}
.stadionzeitung-galerie__foto:nth-child(1) { grid-area: a; }
.stadionzeitung-galerie__foto:nth-child(2) { grid-area: b; }
.stadionzeitung-galerie__foto:nth-child(3) { grid-area: c; }
.stadionzeitung-galerie__foto:nth-child(4) { grid-area: d; }
.stadionzeitung-galerie__foto:nth-child(5) { grid-area: e; }
.stadionzeitung-galerie__foto:nth-child(6) { grid-area: f; }
.stadionzeitung-galerie__foto:nth-child(7) { grid-area: g; }
.stadionzeitung-galerie__bento--n1 {
grid-template-areas: "a a a a a a" "a a a a a a" "a a a a a a" "a a a a a a";
}
.stadionzeitung-galerie__bento--n2 {
grid-template-areas: "a a a a a a" "a a a a a a" "b b b b b b" "b b b b b b";
}
.stadionzeitung-galerie__bento--n3 {
grid-template-areas: "a a a a a a" "a a a a a a" "b b b c c c" "b b b c c c";
}
.stadionzeitung-galerie__bento--n4 {
grid-template-areas: "a a a a b b" "a a a a b b" "c c c d d d" "c c c d d d";
}
.stadionzeitung-galerie__bento--n5 {
grid-template-areas: "a a a a b b" "a a a a c c" "d d d e e e" "d d d e e e";
}
.stadionzeitung-galerie__bento--n6 {
grid-template-areas: "a a a a b b" "a a a a c c" "d d e e f f" "d d e e f f";
}
.stadionzeitung-galerie__bento--n7 {
grid-template-areas: "a a a a b b" "a a a a c c" "d d e e f f" "d d e e g g";
}
/* === stadionzeitung-druck (Druckfassung, Broschüren-Montage) === */
/* Bildschirm-Ansicht der Route ?druck=1: jedes Blatt als A4-quer-Vorschau
(297:210) mit zwei A5-Seiten, in Broschüren-Reihenfolge (die Montage