71 lines
3.2 KiB
PHP
71 lines
3.2 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
declare(strict_types=1);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Vorwort-Seite der Stadionzeitung (Live-Seite, wie Tabelle/Termine/News) —
|
||
|
|
* schlichte weiße Content-Seite, keine fotografische Ausnahme wie das Cover.
|
||
|
|
* Der Text selbst ist KEIN Skript-Input: er wird im Chat gepflegt (wie
|
||
|
|
* data/events.json/news.json) und lebt im `vorwort`-Feld der Ausgabe in
|
||
|
|
* data/stadionzeitung.json (siehe bin/stadionzeitung-add.php).
|
||
|
|
*
|
||
|
|
* Fließtext bewusst in einer Serifenschrift (--ff-serif, PT Serif) statt
|
||
|
|
* --ff-body — einzige Stelle im Projekt mit einer dritten Schriftart: ein
|
||
|
|
* Vorwort ist ein redaktioneller Brief, keine UI, eine Lese-Serif passt hier
|
||
|
|
* besser als die Website-Grotesk. Überschrift bewusst NICHT in Versalien
|
||
|
|
* (anders als der Cover-Masthead) — ein Begrüßungssatz in Großbuchstaben
|
||
|
|
* wirkt geschrien, hier soll es wie eine echte Zeitschriften-Headline lesen.
|
||
|
|
* Vereins-Hero-Bild (dieselbe Quelle wie Startseite/Cover) blendet unten ein,
|
||
|
|
* wie im ursprünglichen Canva-Vorwort — füllt die sonst leere Fläche unter
|
||
|
|
* dem Fließtext, ohne die Lesbarkeit oben zu stören. Läuft über einen weißen
|
||
|
|
* Gradient-Layer (__bg-fade) statt mask-image auf dem Foto selbst — druckt
|
||
|
|
* zuverlässig mit (siehe CSS-Kommentar), erscheint also auch im PDF.
|
||
|
|
*
|
||
|
|
* Props: $issue (Eintrag aus data/stadionzeitung.json: vorwort?, verfasser_photo?)
|
||
|
|
*/
|
||
|
|
$issue = $issue ?? [];
|
||
|
|
$vorwort = $issue['vorwort'] ?? null;
|
||
|
|
if (!$vorwort) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$heading = (string) ($vorwort['heading'] ?? '');
|
||
|
|
$paragraphs = $vorwort['paragraphs'] ?? [];
|
||
|
|
$closing = (string) ($vorwort['closing'] ?? '');
|
||
|
|
$signeeName = (string) ($vorwort['signee_name'] ?? '');
|
||
|
|
$signeeRole = (string) ($vorwort['signee_role'] ?? '');
|
||
|
|
$verfasserPhoto = $issue['verfasser_photo'] ?? null;
|
||
|
|
$heroImage = json_load('home')['hero']['image'] ?? null;
|
||
|
|
?>
|
||
|
|
<div class="stadionzeitung-vorwort">
|
||
|
|
<?php if ($heroImage): ?>
|
||
|
|
<?php component('img', ['image' => $heroImage, 'sizes' => '480px', 'class' => 'stadionzeitung-vorwort__bg']); ?>
|
||
|
|
<div class="stadionzeitung-vorwort__bg-fade" aria-hidden="true"></div>
|
||
|
|
<?php endif; ?>
|
||
|
|
<header class="stadionzeitung-vorwort__head">
|
||
|
|
<p class="stadionzeitung-vorwort__kicker">Vorwort</p>
|
||
|
|
<img class="stadionzeitung-vorwort__logo" src="<?= e(asset('img/logo.svg')) ?>" alt="" width="75" height="97">
|
||
|
|
</header>
|
||
|
|
<?php if ($heading !== ''): ?>
|
||
|
|
<h2 class="stadionzeitung-vorwort__heading"><?= e($heading) ?></h2>
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php foreach ($paragraphs as $paragraph): ?>
|
||
|
|
<p class="stadionzeitung-vorwort__text"><?= e($paragraph) ?></p>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
<?php if ($signeeName !== ''): ?>
|
||
|
|
<footer class="stadionzeitung-vorwort__signature">
|
||
|
|
<?php if ($verfasserPhoto): ?>
|
||
|
|
<?php component('img', ['image' => $verfasserPhoto, 'sizes' => '80px', 'class' => 'stadionzeitung-vorwort__portrait']); ?>
|
||
|
|
<?php endif; ?>
|
||
|
|
<div class="stadionzeitung-vorwort__signature-text">
|
||
|
|
<?php if ($closing !== ''): ?>
|
||
|
|
<p class="stadionzeitung-vorwort__closing"><?= e($closing) ?></p>
|
||
|
|
<?php endif; ?>
|
||
|
|
<p class="stadionzeitung-vorwort__signee"><?= e($signeeName) ?></p>
|
||
|
|
<?php if ($signeeRole !== ''): ?>
|
||
|
|
<p class="stadionzeitung-vorwort__role"><?= e($signeeRole) ?></p>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|