Unterseiten: Fußball-Übersicht, Mannschaften, Jugend, Verein, Rechtliches
Neue Seiten + Routen: fussball, fussball/{erste-mannschaft,zweite-mannschaft,
damen}, jugendfussball, verein, impressum, datenschutz. Dazu die Komponenten
team, team-cards/-roster/-photo/-bento, faq/faq-contact, key-facts, age-groups,
cta-band, training-location und der contact-slider.
Daten in teams/fussball/jugend/verein.json; club.json um Vorstand, Bankdaten,
Datenschutz-Kontakt erweitert. person-grid bekommt $names-Filter, partner-grid
einen Intro-Stil. Seiten setzen $meta['schema'] via team_/page_schema.
Styles für alle neuen Komponenten in components.css.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KDQZ6FuchNUh2bxSW9PeNv
This commit is contained in:
27
app/components/team-photo.php
Normal file
27
app/components/team-photo.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
|
||||
/**
|
||||
* Mannschaftsfoto in voller Breite (Querformat-Gruppenbild). Props:
|
||||
* $photo array{ image: {base,widths,alt} | {src,width,height,alt}, caption? }
|
||||
* $anchor string (optional, Default 'mannschaftsfoto')
|
||||
* Zeigt das Bild im natürlichen Seitenverhältnis, abgerundet; optionale Bildunterschrift.
|
||||
*/
|
||||
$anchor = $anchor ?? 'mannschaftsfoto';
|
||||
$image = $photo['image'] ?? null;
|
||||
if (empty($image)) {
|
||||
return;
|
||||
}
|
||||
$caption = $photo['caption'] ?? '';
|
||||
?>
|
||||
<section class="section team-photo" id="<?= e($anchor) ?>">
|
||||
<div class="container">
|
||||
<figure class="team-photo__figure">
|
||||
<?php component('img', ['image' => $image, 'sizes' => '(max-width: 1100px) 100vw, 1040px', 'class' => 'team-photo__img']); ?>
|
||||
<?php if ($caption !== ''): ?>
|
||||
<figcaption class="team-photo__caption"><?= e($caption) ?></figcaption>
|
||||
<?php endif; ?>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user