DogFatherGitandClaude Sonnet 5
57966e24d0
Nutzer-Wunsch 21.08.2026: "ich will dass du auch ein countdown zu der seite hinzufügst wo wir den zugangscode eingeben müssen. den um 21h heute abend geht die seite live. kannst du das sogar so anpassen dass es automatisch läuft?" server/gate.js: - Neue Einstellung SITE_PUBLIC_LAUNCH_AT (ISO-Zeitstempel mit Zeitzone). Ab diesem Moment lässt gateMiddleware ausnahmslos jeden durch -- ganz ohne Neustart oder manuellen Eingriff, weil jede Anfrage die aktuelle Serverzeit live neu prüft. Die Freischaltung "passiert" also von selbst in der Sekunde, in der die Uhrzeit erreicht wird. Vorher bleiben die Zugangscodes unverändert nötig, damit das Team schon vorher rein kann. Fail-safe statt fail-open geprüft: ein kaputter/unparsbarer Zeitwert (z.B. Tippfehler in der .env) lässt die Schranke aktiv, statt die Seite versehentlich für alle zu öffnen. - Neuer öffentlicher Endpunkt GET /gate-launch-info (immer erreichbar, auch ohne gültige Sitzung) liefert launchAt/isLive/serverTime für die Countdown-Anzeige im Frontend. gate.html: - Neue Countdown-Box zwischen Titel-Karte und den Zugangscode-Kacheln (bleibt unsichtbar, solange kein Starttermin konfiguriert ist). Rechnet auf der SERVERZEIT statt der eigenen Uhr (einmaliger Zeit-Abgleich beim Laden), damit eine falsch gehende Besucher-Uhr weder zu früh noch zu spät zählt. Bei Erreichen von Null folgt ein letzter Abgleich mit dem Server, bevor automatisch zur Zielseite weitergeleitet wird -- kein Klick, kein Neuladen nötig. - Zugangscode-Kacheln (Dogi/VanVan/Diene) bleiben während des Countdowns unverändert nutzbar. Getestet: 18 Middleware-Tests (inkl. Fail-safe bei kaputtem Zeitwert, weiterhin funktionierender Zugangscode vor dem Start) + 10 Playwright- Tests der Countdown-Oberfläche (Anzeige, Format, automatischer Sprung bei Ablauf, sofortige Weiterleitung falls schon live, stiller Fallback bei Netzwerkfehler). Zusätzlich alle 32 echten Seiten auf PC-Installierbarkeit geprüft (Manifest, Icons, Service Worker, Install-Knopf, echter Install-Klick-Ablauf simuliert) -- keine Probleme gefunden. Cache-Busting-Version auf 20260821s erhöht. Co-Authored-By: Claude Sonnet 5 <[email protected]>
69 lines
3.1 KiB
HTML
69 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="hasidog">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Medien — Casper — DOGFATHER UNIVERSE</title>
|
||
<meta name="description" content="Fotos und Videos rund um Husky Casper an einem Ort." />
|
||
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
|
||
<link rel="manifest" href="/manifest.json" />
|
||
<meta name="theme-color" content="#0b0d10" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="DOGFATHER UNIVERSE" />
|
||
<meta property="og:title" content="Medien — Casper — DOGFATHER UNIVERSE" />
|
||
<meta property="og:description" content="Fotos und Videos rund um Husky Casper an einem Ort." />
|
||
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://dogfather-universe.com/medien-casper.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Medien — Casper — DOGFATHER UNIVERSE" />
|
||
<meta name="twitter:description" content="Fotos und Videos rund um Husky Casper an einem Ort." />
|
||
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
|
||
<link rel="stylesheet" href="assets/css/main.css?v=20260821s" />
|
||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
|
||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
|
||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
|
||
</head>
|
||
<body class="mit-hintergrund" data-welt="casper" style="--page-bg:url('/assets/img/bg-medien-casper.jpg');--page-bg-mobile:url('/assets/img/bg-medien-casper-mobile.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-medien-casper.jpg" alt="" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="mc_eyebrow">Welt 2 — HasiDog</span>
|
||
<h1 data-i18n="mc_h1">Medien — Casper</h1>
|
||
<p class="lead worlds" data-i18n="mc_lead">Fotos und Videos rund um Husky Casper — alles an einem Ort.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight" id="fotos">
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mc_fotos_h2">📸 Fotos</h2>
|
||
<div id="foto-grid" class="grid grid-4"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight" id="videos">
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mc_videos_h2">🎥 Videos</h2>
|
||
<div id="video-grid" class="grid grid-3"></div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<div id="lightbox" class="lightbox">
|
||
<button class="lightbox-close" aria-label="Schließen">×</button>
|
||
<div id="lightbox-content"></div>
|
||
</div>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/data-media.js?v=20260821s"></script>
|
||
<script src="assets/js/data-videos.js?v=20260821s"></script>
|
||
<script src="assets/js/medien-welt.js?v=20260821s"></script>
|
||
<script src="assets/js/i18n-medien-casper.js?v=20260821s"></script>
|
||
<script src="assets/js/main.js?v=20260821s"></script>
|
||
</body>
|
||
</html>
|