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]>
92 lines
7.1 KiB
HTML
92 lines
7.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>Casper — DOGFATHER UNIVERSE</title>
|
||
<meta name="description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
|
||
<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="Casper — DOGFATHER UNIVERSE" />
|
||
<meta property="og:description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
|
||
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://dogfather-universe.com/casper.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Casper — DOGFATHER UNIVERSE" />
|
||
<meta name="twitter:description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
|
||
<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" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-casper.jpg" alt="" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="cas_eyebrow">Welt 2 — HasiDog</span>
|
||
<h1>Casper 🐾</h1>
|
||
<p class="lead worlds" data-i18n="cas_lead">Der Husky an DogFathers Seite — Namensgeber vieler Herzen in der Community.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container grid grid-2" style="align-items:center;">
|
||
<div class="collage-photo" style="aspect-ratio:4/3;border-radius:var(--radius);">
|
||
<img src="assets/img/casper-main.jpg" alt="Casper — Husky im Sonnenuntergang" style="width:100%;height:100%;object-fit:cover;object-position:center 30%;" />
|
||
</div>
|
||
<div>
|
||
<h2 data-i18n="cas_wer_h2">Wer ist Casper?</h2>
|
||
<p data-i18n="cas_wer_1">Husky Casper ist einer von DogFathers treuen Begleitern und längst Teil der Marke geworden. Zusammen mit Kater Simba gehört er zur „Familie" hinter der Kamera.</p>
|
||
<p data-i18n="cas_wer_2">Die gemeinsame Geschichte von DogFather und Casper gibt es sogar als Buch: <strong>„Hasidog & Casper"</strong>.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container" style="max-width:70ch;">
|
||
<h2 class="text-center" data-i18n="cas_story_h2">Casper – Ein Husky mit dem größten Herzen der Welt 🐾🩵</h2>
|
||
<p data-i18n="cas_1">Hallo, ich bin Casper.</p>
|
||
<p data-i18n="cas_2">Ich bin ungefähr dreieinhalb Jahre alt und ein Husky mit zwei strahlend blauen Augen und einer ganz besonderen Geschichte. Mein genaues Alter kennt niemand ganz genau, denn ich wurde adoptiert. Ursprünglich komme ich aus der Ukraine, aus einem Gebiet, das vom Krieg betroffen war.</p>
|
||
<p data-i18n="cas_3">Heute habe ich bei meinem Papa ein sicheres Zuhause, meine Familie und meinen festen Platz im Leben gefunden.</p>
|
||
<p data-i18n="cas_4">Vom Charakter her bin ich meinem Papa ziemlich ähnlich: meistens ruhig, unglaublich lieb und mit einem riesengroßen Herzen. Manchmal bin ich allerdings auch ziemlich verpeilt – und genau dadurch entstehen oft die lustigsten Momente. Für Blödsinn und kleine Dummheiten bin ich nämlich fast immer zu haben.</p>
|
||
<p data-i18n="cas_5">Am liebsten bin ich draußen, erkunde meine Umgebung und genieße die frische Luft. Genauso sehr liebe ich es aber, zu Hause ganz nah bei meinem Papa zu liegen und ausgiebig mit ihm zu kuscheln.</p>
|
||
<p data-i18n="cas_6">Und sobald irgendwo Hähnchen im Spiel ist, bin ich selbstverständlich sofort zur Stelle. Bei Hähnchen hört der Spaß schließlich auf – das ist eine sehr ernste Angelegenheit.</p>
|
||
<p data-i18n="cas_7">Auch wenn ich meistens ruhig, freundlich und verschmust bin, sollte man eines niemals vergessen: Was mir gehört und vor allem die Menschen, die ich liebe, beschütze ich mit meinem Leben.</p>
|
||
<p data-i18n="cas_8">Wer meiner Familie oder meinen Liebsten etwas Böses will, lernt sehr schnell eine ganz andere Seite von mir kennen. Denn hinter meinem sanften Blick und meinem großen Herzen steckt ein starker Husky, der für seine Familie alles tun würde.</p>
|
||
<p data-i18n="cas_9">Die Community gehört für mich ebenfalls längst zur Familie. Sie liebt mich, und ich liebe sie genauso sehr. Wir sind nicht einfach nur eine Gruppe aus Menschen und einem Hund. Wir sind eine Einheit, eine starke Truppe und eine Familie, die zusammenhält.</p>
|
||
<p data-i18n="cas_10">Ich bin Casper: treu, liebevoll, verschmust, manchmal verpeilt, immer für einen Spaß zu haben und mit dem größten Herzen der Welt.</p>
|
||
<p class="quote" data-i18n="cas_quote" style="margin-top:1.4rem;">Mit treuen Pfoten, einem großen Herzen und ganz viel Husky-Liebe</p>
|
||
<p style="text-align:right;"><strong data-i18n="cas_signatur">Euer Casper 🐾🩵</strong></p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="cas_galerie_h2">Casper-Galerie</h2>
|
||
<div class="grid grid-4">
|
||
<div class="collage-photo frame-lila" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/casper-3.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:center 20%;" /></div>
|
||
<div class="collage-photo frame-silver" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/casper-4.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:42% center;" /></div>
|
||
<div class="collage-photo frame-gold" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/dogfather-casper-2.jpg" alt="DogFather und Casper" style="width:100%;height:100%;object-fit:cover;object-position:center 38%;" /></div>
|
||
<div class="collage-photo frame-tuerkis" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/hasidog-casper-book.jpg" alt="HasiDog & Casper Buch-Illustration" style="width:100%;height:100%;object-fit:cover;" /></div>
|
||
</div>
|
||
<div class="btn-row" style="justify-content:center;">
|
||
<a class="btn btn-outline" href="medien-casper.html#fotos" data-i18n="cas_galerie_btn">Zur ganzen Galerie</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/i18n-casper.js?v=20260821s"></script>
|
||
<script src="assets/js/main.js?v=20260821s"></script>
|
||
</body>
|
||
</html>
|