Files
tsv08kulmbach-website/app/pages/matchcenter.php

53 lines
1.7 KiB
PHP
Raw Normal View History

Matchcenter: Spielplan, Ergebnisse & Tabellen (eigene Seite statt BFV-Widget) Neue Unterseite /matchcenter ersetzt die alten BFV-Widget-Embeds (verstoßen gegen CSP) durch eine self-hostete Lösung: Cron-Scraper holt die Daten aus der öffentlichen BFV-Widget-JSON-API, schreibt data/matchcenter.json und lädt die Vereinswappen lokal — Besucher kontaktieren nur unsere Domain. - bin/matchcenter-sync.php: CLI/Cron-Scraper (Muster wie instagram-sync), JSON-API team/{id}/matches + competition/{compoundId}/table, Wappen via getLogo lokal, atomarer Write, Fail-safe. Auto-Saison: Tabellen-compoundId wird aus der Matches-API abgeleitet (team_id ist saison-stabil). Per-Team-Cache-Fallback bei Fetch-Fehlern, damit Sektionen nie leeren. - Seite app/pages/matchcenter.php + Route + Nav-Eintrag (unter Fußball). - Komponenten: match-slider (nächste Spiele), match-card, match-row, league-table (mit Auf-/Abstiegszonen), matchcenter-section (kicker-Layout: Tabelle 2/3 + Spiele 1/3), matchcenter-empty, crest (weißes Chip + Initialen-Fallback). - carousel.js: banner.js zum generischen [data-carousel]-Antrieb verallgemeinert (Banner- und Match-Slider teilen ihn); crest.js: Logo-Fallback im Browser. - helpers.php: sportsevent_nodes() für SportsEvent-JSON-LD. - Icons calendar-event; config.example + .gitignore + CLAUDE.md ergänzt. - Responsive geprüft (kein Seiten-Overflow 360–1280, Tabelle scrollt in der Karte). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0192vTfGmGpoWeyUse4TuQFj
2026-06-19 10:57:14 +02:00
<?php
declare(strict_types=1);
/**
* Matchcenter: Spielplan, Ergebnisse und Tabellen der Aktivenmannschaften.
* Daten: data/matchcenter.json (maschinenverwaltet von bin/matchcenter-sync.php).
Matchcenter: „Nächste Spiele" als Band statt Autoplay-Slider Der Bereich wirkte deplatziert: der Track war auf 620px begrenzt und zeigte eine Folie, wodurch die Karte auf breiten Fenstern in ~840px Totraum schwebte; dazu derselbe Hintergrund wie der Hero direkt darüber, kein Akzent, und ein einsames „:" zwischen den Wappen, das wie ein fehlendes Ergebnis aussah. Neu als abgesetztes Band (.section--sunken, nutzt endlich das dafür vorgesehene, bisher unbenutzte Token --clr-bg-deep) mit roter Oberkante: links der Aufmacher (match-feature), rechts die folgenden Termine als verlinkte match-row-Zeilen ohne Kartenfläche. Der Aufmacher ist die große Variante der Terminzeile — Heim über Gast, linksbündig, gleiche Struktur wie die Zeilen daneben. Bewusst nur drei typografische Rollen (Meta-Zeile · Vereinsnamen in Coolvetica · Anstoßzeile mit Countdown) statt der acht der ersten Fassung, ohne Badges, Icons oder Button. Die eigene Mannschaft wird über Helligkeit markiert, nicht über font-weight — Coolvetica hat nur einen Schnitt, bold wäre synthetisch. match-row bekommt optionale $href/$meta-Props; Raster und Innenabstand liegen jetzt im __link-Wrapper, damit als Link die ganze Zeilenfläche klickbar ist. Neue Helper match_when() (ISO + deutscher Countdown, explizit Europe/Berlin, weil PHP global auf UTC läuft) und match_competition_label(). match-slider.php und match-card.php entfallen — Letztere wurde ausschließlich vom Slider genutzt. carousel.js treibt damit nur noch den Banner-Slider der Startseite und wird im Matchcenter nicht mehr geladen. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-07-27 00:39:57 +02:00
* Struktur: Hero „Nächste Spiele"-Band → pro Mannschaft eine Sektion
Matchcenter: Spielplan, Ergebnisse & Tabellen (eigene Seite statt BFV-Widget) Neue Unterseite /matchcenter ersetzt die alten BFV-Widget-Embeds (verstoßen gegen CSP) durch eine self-hostete Lösung: Cron-Scraper holt die Daten aus der öffentlichen BFV-Widget-JSON-API, schreibt data/matchcenter.json und lädt die Vereinswappen lokal — Besucher kontaktieren nur unsere Domain. - bin/matchcenter-sync.php: CLI/Cron-Scraper (Muster wie instagram-sync), JSON-API team/{id}/matches + competition/{compoundId}/table, Wappen via getLogo lokal, atomarer Write, Fail-safe. Auto-Saison: Tabellen-compoundId wird aus der Matches-API abgeleitet (team_id ist saison-stabil). Per-Team-Cache-Fallback bei Fetch-Fehlern, damit Sektionen nie leeren. - Seite app/pages/matchcenter.php + Route + Nav-Eintrag (unter Fußball). - Komponenten: match-slider (nächste Spiele), match-card, match-row, league-table (mit Auf-/Abstiegszonen), matchcenter-section (kicker-Layout: Tabelle 2/3 + Spiele 1/3), matchcenter-empty, crest (weißes Chip + Initialen-Fallback). - carousel.js: banner.js zum generischen [data-carousel]-Antrieb verallgemeinert (Banner- und Match-Slider teilen ihn); crest.js: Logo-Fallback im Browser. - helpers.php: sportsevent_nodes() für SportsEvent-JSON-LD. - Icons calendar-event; config.example + .gitignore + CLAUDE.md ergänzt. - Responsive geprüft (kein Seiten-Overflow 360–1280, Tabelle scrollt in der Karte). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0192vTfGmGpoWeyUse4TuQFj
2026-06-19 10:57:14 +02:00
* (Nächste Spiele · Letzte Ergebnisse · Tabelle). Ohne Cache rendert die Seite
* einen freundlichen Hinweis statt eines Fehlers (Graceful Degradation).
*/
$mc = json_load('matchcenter');
$teams = $mc['teams'] ?? [];
$upcoming = $mc['upcoming'] ?? [];
$meta = [
'title' => 'Matchcenter Spiele, Ergebnisse & Tabellen',
'description' => 'Spielplan, Ergebnisse und Tabellen der Mannschaften des TSV 08 Kulmbach 1. und 2. Mannschaft sowie Damen, automatisch aktuell.',
'og_image' => 'img/pages/fussball-hero-1600.jpg',
Matchcenter: „Nächste Spiele" als Band statt Autoplay-Slider Der Bereich wirkte deplatziert: der Track war auf 620px begrenzt und zeigte eine Folie, wodurch die Karte auf breiten Fenstern in ~840px Totraum schwebte; dazu derselbe Hintergrund wie der Hero direkt darüber, kein Akzent, und ein einsames „:" zwischen den Wappen, das wie ein fehlendes Ergebnis aussah. Neu als abgesetztes Band (.section--sunken, nutzt endlich das dafür vorgesehene, bisher unbenutzte Token --clr-bg-deep) mit roter Oberkante: links der Aufmacher (match-feature), rechts die folgenden Termine als verlinkte match-row-Zeilen ohne Kartenfläche. Der Aufmacher ist die große Variante der Terminzeile — Heim über Gast, linksbündig, gleiche Struktur wie die Zeilen daneben. Bewusst nur drei typografische Rollen (Meta-Zeile · Vereinsnamen in Coolvetica · Anstoßzeile mit Countdown) statt der acht der ersten Fassung, ohne Badges, Icons oder Button. Die eigene Mannschaft wird über Helligkeit markiert, nicht über font-weight — Coolvetica hat nur einen Schnitt, bold wäre synthetisch. match-row bekommt optionale $href/$meta-Props; Raster und Innenabstand liegen jetzt im __link-Wrapper, damit als Link die ganze Zeilenfläche klickbar ist. Neue Helper match_when() (ISO + deutscher Countdown, explizit Europe/Berlin, weil PHP global auf UTC läuft) und match_competition_label(). match-slider.php und match-card.php entfallen — Letztere wurde ausschließlich vom Slider genutzt. carousel.js treibt damit nur noch den Banner-Slider der Startseite und wird im Matchcenter nicht mehr geladen. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-07-27 00:39:57 +02:00
'scripts' => ['crest.js', 'group-tabs.js'],
Matchcenter: Spielplan, Ergebnisse & Tabellen (eigene Seite statt BFV-Widget) Neue Unterseite /matchcenter ersetzt die alten BFV-Widget-Embeds (verstoßen gegen CSP) durch eine self-hostete Lösung: Cron-Scraper holt die Daten aus der öffentlichen BFV-Widget-JSON-API, schreibt data/matchcenter.json und lädt die Vereinswappen lokal — Besucher kontaktieren nur unsere Domain. - bin/matchcenter-sync.php: CLI/Cron-Scraper (Muster wie instagram-sync), JSON-API team/{id}/matches + competition/{compoundId}/table, Wappen via getLogo lokal, atomarer Write, Fail-safe. Auto-Saison: Tabellen-compoundId wird aus der Matches-API abgeleitet (team_id ist saison-stabil). Per-Team-Cache-Fallback bei Fetch-Fehlern, damit Sektionen nie leeren. - Seite app/pages/matchcenter.php + Route + Nav-Eintrag (unter Fußball). - Komponenten: match-slider (nächste Spiele), match-card, match-row, league-table (mit Auf-/Abstiegszonen), matchcenter-section (kicker-Layout: Tabelle 2/3 + Spiele 1/3), matchcenter-empty, crest (weißes Chip + Initialen-Fallback). - carousel.js: banner.js zum generischen [data-carousel]-Antrieb verallgemeinert (Banner- und Match-Slider teilen ihn); crest.js: Logo-Fallback im Browser. - helpers.php: sportsevent_nodes() für SportsEvent-JSON-LD. - Icons calendar-event; config.example + .gitignore + CLAUDE.md ergänzt. - Responsive geprüft (kein Seiten-Overflow 360–1280, Tabelle scrollt in der Karte). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0192vTfGmGpoWeyUse4TuQFj
2026-06-19 10:57:14 +02:00
'schema' => array_merge(
page_schema([
['name' => 'Startseite', 'slug' => ''],
['name' => 'Fußball', 'slug' => 'fussball'],
['name' => 'Matchcenter', 'slug' => 'matchcenter'],
]),
sportsevent_nodes($upcoming)
),
];
component('hero', ['hero' => [
'compact' => true,
'align' => 'bottom-left',
'title' => 'Matchcenter',
'text' => 'Alle Spiele, Ergebnisse und Tabellen unserer Aktivenmannschaften immer aktuell.',
'image' => [
'base' => 'img/pages/fussball-hero',
'widths' => [640, 1000, 1600],
'alt' => '',
],
]]);
if ($teams === []) {
component('matchcenter-empty');
return;
}
Matchcenter: „Nächste Spiele" als Band statt Autoplay-Slider Der Bereich wirkte deplatziert: der Track war auf 620px begrenzt und zeigte eine Folie, wodurch die Karte auf breiten Fenstern in ~840px Totraum schwebte; dazu derselbe Hintergrund wie der Hero direkt darüber, kein Akzent, und ein einsames „:" zwischen den Wappen, das wie ein fehlendes Ergebnis aussah. Neu als abgesetztes Band (.section--sunken, nutzt endlich das dafür vorgesehene, bisher unbenutzte Token --clr-bg-deep) mit roter Oberkante: links der Aufmacher (match-feature), rechts die folgenden Termine als verlinkte match-row-Zeilen ohne Kartenfläche. Der Aufmacher ist die große Variante der Terminzeile — Heim über Gast, linksbündig, gleiche Struktur wie die Zeilen daneben. Bewusst nur drei typografische Rollen (Meta-Zeile · Vereinsnamen in Coolvetica · Anstoßzeile mit Countdown) statt der acht der ersten Fassung, ohne Badges, Icons oder Button. Die eigene Mannschaft wird über Helligkeit markiert, nicht über font-weight — Coolvetica hat nur einen Schnitt, bold wäre synthetisch. match-row bekommt optionale $href/$meta-Props; Raster und Innenabstand liegen jetzt im __link-Wrapper, damit als Link die ganze Zeilenfläche klickbar ist. Neue Helper match_when() (ISO + deutscher Countdown, explizit Europe/Berlin, weil PHP global auf UTC läuft) und match_competition_label(). match-slider.php und match-card.php entfallen — Letztere wurde ausschließlich vom Slider genutzt. carousel.js treibt damit nur noch den Banner-Slider der Startseite und wird im Matchcenter nicht mehr geladen. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-07-27 00:39:57 +02:00
component('next-matches', ['matches' => $upcoming, 'teams' => $teams]);
Matchcenter: Spielplan, Ergebnisse & Tabellen (eigene Seite statt BFV-Widget) Neue Unterseite /matchcenter ersetzt die alten BFV-Widget-Embeds (verstoßen gegen CSP) durch eine self-hostete Lösung: Cron-Scraper holt die Daten aus der öffentlichen BFV-Widget-JSON-API, schreibt data/matchcenter.json und lädt die Vereinswappen lokal — Besucher kontaktieren nur unsere Domain. - bin/matchcenter-sync.php: CLI/Cron-Scraper (Muster wie instagram-sync), JSON-API team/{id}/matches + competition/{compoundId}/table, Wappen via getLogo lokal, atomarer Write, Fail-safe. Auto-Saison: Tabellen-compoundId wird aus der Matches-API abgeleitet (team_id ist saison-stabil). Per-Team-Cache-Fallback bei Fetch-Fehlern, damit Sektionen nie leeren. - Seite app/pages/matchcenter.php + Route + Nav-Eintrag (unter Fußball). - Komponenten: match-slider (nächste Spiele), match-card, match-row, league-table (mit Auf-/Abstiegszonen), matchcenter-section (kicker-Layout: Tabelle 2/3 + Spiele 1/3), matchcenter-empty, crest (weißes Chip + Initialen-Fallback). - carousel.js: banner.js zum generischen [data-carousel]-Antrieb verallgemeinert (Banner- und Match-Slider teilen ihn); crest.js: Logo-Fallback im Browser. - helpers.php: sportsevent_nodes() für SportsEvent-JSON-LD. - Icons calendar-event; config.example + .gitignore + CLAUDE.md ergänzt. - Responsive geprüft (kein Seiten-Overflow 360–1280, Tabelle scrollt in der Karte). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0192vTfGmGpoWeyUse4TuQFj
2026-06-19 10:57:14 +02:00
foreach ($teams as $team) {
component('matchcenter-section', ['team' => $team]);
}