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

public/assets/js/crest.js

@@ -0,0 +1,39 @@
+/* Vereinswappen-Fallback: lädt ein <img class="crest"> nicht (404, kaputtes Bild),
+   wird es durch den Initialen-Kreis ersetzt — kein kaputtes Bild-Icon. Progressive
+   Enhancement; ohne JS bleibt höchstens das (alt="") leere Bild. */
+(function () {
+    'use strict';
+
+    function initials(name) {
+        var parts = (name || '').split(/[\s.\-]+/);
+        var out = '';
+        for (var i = 0; i < parts.length && out.length < 2; i++) {
+            if (parts[i]) {
+                out += parts[i].charAt(0);
+            }
+        }
+        return (out || '?').toUpperCase();
+    }
+
+    function replace(img) {
+        var span = document.createElement('span');
+        span.className = 'crest crest--initials';
+        span.setAttribute('aria-hidden', 'true');
+        span.textContent = initials(img.getAttribute('data-club'));
+        if (img.parentNode) {
+            img.parentNode.replaceChild(span, img);
+        }
+    }
+
+    var imgs = document.querySelectorAll('img.crest');
+    Array.prototype.forEach.call(imgs, function (img) {
+        // Bereits fehlgeschlagen, bevor JS lief?
+        if (img.complete && img.naturalWidth === 0) {
+            replace(img);
+            return;
+        }
+        img.addEventListener('error', function () {
+            replace(img);
+        });
+    });
+})();