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]>
76 lines
3.9 KiB
HTML
76 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-theme="dogfather">
|
|
<head>
|
|
<!-- Nutzer-Wunsch 20.08.2026: neues Hero-Bild (Hasi Dog/DogFather/Husky, babyblau statt
|
|
rot) + Theme von "spicymedia" (Rot/Orange) auf "dogfather" (Babyblau/Lila) umgestellt,
|
|
damit Knopf-/Link-/Eyebrow-Farben zum neuen, blauen Bild passen. -->
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Kooperation anfragen — DOGFATHER UNIVERSE</title>
|
|
<meta name="description" content="Kooperationsanfrage an Manager DogFather / Spicy Media." />
|
|
<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="Kooperation anfragen — DOGFATHER UNIVERSE" />
|
|
<meta property="og:description" content="Kooperationsanfrage an Manager DogFather / Spicy Media." />
|
|
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
|
<meta property="og:url" content="https://dogfather-universe.com/bewerben-kooperation.html" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Kooperation anfragen — DOGFATHER UNIVERSE" />
|
|
<meta name="twitter:description" content="Kooperationsanfrage an Manager DogFather / Spicy Media." />
|
|
<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 bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-mobile.jpg');">
|
|
<div id="site-header"></div>
|
|
|
|
<main>
|
|
<section class="hero page-bg">
|
|
<div class="hero-banner"><img src="/assets/img/bg-bewerben.jpg" alt="" loading="eager" /></div>
|
|
<div class="container">
|
|
<span class="eyebrow" data-i18n="bwk_eyebrow">Manager DogFather — Agentur</span>
|
|
<h1 data-i18n="bwk_h1">Kooperation anfragen</h1>
|
|
<p class="lead worlds" data-i18n="bwk_lead">Marke, Firma oder eigenes Projekt — schick deine Idee direkt an Team Dogi.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-tight">
|
|
<div class="container" style="max-width:640px;">
|
|
<form class="app-form" id="form-kooperation" novalidate>
|
|
<div class="field">
|
|
<label for="k-firma" data-i18n="bwk_label_firma">Name / Firma *</label>
|
|
<input id="k-firma" name="firma" type="text" required />
|
|
</div>
|
|
<div class="field">
|
|
<label for="k-email" data-i18n="bwk_label_email">E-Mail *</label>
|
|
<input id="k-email" name="email" type="email" required />
|
|
<span class="error-msg" data-i18n="bwk_error_email">Bitte gültige E-Mail-Adresse eingeben.</span>
|
|
</div>
|
|
<div class="field">
|
|
<label for="k-idee" data-i18n="bwk_label_idee">Kooperationsidee *</label>
|
|
<textarea id="k-idee" name="idee" required></textarea>
|
|
</div>
|
|
<button class="btn btn-primary" type="submit" data-i18n="bwk_btn_submit">Kooperationsanfrage senden</button>
|
|
<div class="form-status"></div>
|
|
</form>
|
|
|
|
<div class="btn-row" style="justify-content:center;margin-top:1.6rem;">
|
|
<a class="btn btn-outline" href="bewerben.html" data-i18n="bwk_link_andere">Andere Bewerbung suchen</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="site-footer"></div>
|
|
<script src="assets/js/forms.js?v=20260821s"></script>
|
|
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260821s"></script>
|
|
<script src="assets/js/main.js?v=20260821s"></script>
|
|
</body>
|
|
</html>
|