Footer neu: 4 Spalten (Brand+Claim+Social, Seiten, Kontakt mit Icons, Rechtliches), 18px Schrift, Akzent-Headings, Bottom-Bar mit Verbänden
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -3,34 +3,61 @@
|
||||
declare(strict_types=1);
|
||||
|
||||
/**
|
||||
* Footer: Vereinsdaten (NAP aus club.json), Social-Links, Rechtliches.
|
||||
* Footer: Brand-Block (Logo, Entity-Satz, Social), Seiten-Navigation,
|
||||
* Kontakt (NAP aus club.json — identisch zu JSON-LD), Rechtliches.
|
||||
* Alle Daten aus den Single-Source-Dateien (club.json / navigation.json).
|
||||
*/
|
||||
$club = json_load('club');
|
||||
$nav = json_load('navigation');
|
||||
|
||||
$socialLabels = ['instagram' => 'Instagram', 'facebook' => 'Facebook', 'youtube' => 'YouTube'];
|
||||
$socialIcons = ['instagram' => 'instagram', 'facebook' => 'facebook', 'youtube' => 'youtube'];
|
||||
|
||||
$footerNav = array_merge(
|
||||
array_filter($nav['main'], static fn (array $item): bool => !str_starts_with($item['slug'], '#')),
|
||||
$nav['ctas'] ?? []
|
||||
);
|
||||
?>
|
||||
<footer class="site-footer">
|
||||
<div class="container site-footer__grid">
|
||||
<div>
|
||||
<h2 class="site-footer__heading"><?= e($club['legal_name']) ?></h2>
|
||||
<address class="site-footer__address">
|
||||
<?= e($club['address']['venue']) ?><br>
|
||||
<?= e($club['address']['street']) ?><br>
|
||||
<?= e($club['address']['zip']) ?> <?= e($club['address']['city']) ?><br>
|
||||
<a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a>
|
||||
</address>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="site-footer__heading">Folge uns</h2>
|
||||
<ul class="site-footer__list">
|
||||
<div class="site-footer__brand">
|
||||
<img src="<?= e(asset('img/logo.svg')) ?>" alt="" width="62" height="80" loading="lazy">
|
||||
<p class="site-footer__claim"><?= e($club['description']) ?></p>
|
||||
<ul class="site-footer__social" aria-label="Social Media">
|
||||
<?php foreach ($club['social'] as $key => $socialUrl): ?>
|
||||
<?php if ($socialUrl): ?>
|
||||
<li><a href="<?= e($socialUrl) ?>" rel="noopener"><?= e($socialLabels[$key] ?? ucfirst($key)) ?></a></li>
|
||||
<li>
|
||||
<a href="<?= e($socialUrl) ?>" rel="noopener">
|
||||
<?= icon($socialIcons[$key] ?? 'link-45deg') ?><?= e($socialLabels[$key] ?? ucfirst($key)) ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<nav aria-label="Footer-Navigation">
|
||||
<h2 class="site-footer__heading">Seiten</h2>
|
||||
<ul class="site-footer__list">
|
||||
<?php foreach ($footerNav as $item): ?>
|
||||
<li><a href="<?= e(url($item['slug'])) ?>"><?= e($item['label']) ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
<div>
|
||||
<h2 class="site-footer__heading">Kontakt</h2>
|
||||
<address class="site-footer__address">
|
||||
<p>
|
||||
<?= icon('geo-alt') ?>
|
||||
<span><?= e($club['address']['venue']) ?><br>
|
||||
<?= e($club['address']['street']) ?><br>
|
||||
<?= e($club['address']['zip']) ?> <?= e($club['address']['city']) ?></span>
|
||||
</p>
|
||||
<p>
|
||||
<?= icon('envelope') ?>
|
||||
<a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a>
|
||||
</p>
|
||||
</address>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="site-footer__heading">Rechtliches</h2>
|
||||
<ul class="site-footer__list">
|
||||
@@ -40,7 +67,10 @@ $socialLabels = ['instagram' => 'Instagram', 'facebook' => 'Facebook', 'youtube'
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container site-footer__copyright">
|
||||
<p>© <?= e(date('Y')) ?> <?= e($club['legal_name']) ?></p>
|
||||
<div class="site-footer__bottom">
|
||||
<div class="container site-footer__bottom-inner">
|
||||
<p>© <?= e(date('Y')) ?> <?= e($club['legal_name']) ?></p>
|
||||
<p>Mitglied im <?= e(implode(', ', $club['memberships'])) ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user