Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
declare(strict_types=1);
|
|
|
|
|
|
|
|
|
|
/**
|
2026-06-11 22:05:41 +02:00
|
|
|
* 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).
|
Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
*/
|
|
|
|
|
$club = json_load('club');
|
|
|
|
|
$nav = json_load('navigation');
|
|
|
|
|
|
|
|
|
|
$socialLabels = ['instagram' => 'Instagram', 'facebook' => 'Facebook', 'youtube' => 'YouTube'];
|
2026-06-11 22:05:41 +02:00
|
|
|
$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'] ?? []
|
|
|
|
|
);
|
Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
?>
|
|
|
|
|
<footer class="site-footer">
|
|
|
|
|
<div class="container site-footer__grid">
|
2026-06-11 22:05:41 +02:00
|
|
|
<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">
|
Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
<?php foreach ($club['social'] as $key => $socialUrl): ?>
|
|
|
|
|
<?php if ($socialUrl): ?>
|
2026-06-11 22:05:41 +02:00
|
|
|
<li>
|
|
|
|
|
<a href="<?= e($socialUrl) ?>" rel="noopener">
|
|
|
|
|
<?= icon($socialIcons[$key] ?? 'link-45deg') ?><?= e($socialLabels[$key] ?? ucfirst($key)) ?>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
<?php endif; ?>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2026-06-11 22:05:41 +02:00
|
|
|
<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>
|
Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
<div>
|
|
|
|
|
<h2 class="site-footer__heading">Rechtliches</h2>
|
|
|
|
|
<ul class="site-footer__list">
|
|
|
|
|
<?php foreach ($nav['legal'] as $item): ?>
|
|
|
|
|
<li><a href="<?= e(url($item['slug'])) ?>"><?= e($item['label']) ?></a></li>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2026-06-11 22:05:41 +02:00
|
|
|
<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>
|
Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync
- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:16:25 +02:00
|
|
|
</div>
|
|
|
|
|
</footer>
|