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]>
87 lines
4.7 KiB
HTML
87 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-theme="dogfather">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Modi werden — DOGFATHER UNIVERSE</title>
|
|
<meta name="description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
|
|
<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="Modi werden — DOGFATHER UNIVERSE" />
|
|
<meta property="og:description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
|
|
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
|
<meta property="og:url" content="https://dogfather-universe.com/bewerben-modi.html" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Modi werden — DOGFATHER UNIVERSE" />
|
|
<meta name="twitter:description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
|
|
<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-modi.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-modi-mobile.jpg');">
|
|
<div id="site-header"></div>
|
|
|
|
<main>
|
|
<section class="hero page-bg">
|
|
<div class="hero-banner"><img src="/assets/img/bg-bewerben-modi.jpg" alt="" loading="eager" /></div>
|
|
<div class="container">
|
|
<span class="eyebrow" data-i18n="bwm_eyebrow">🩵 Team Dogi — Community</span>
|
|
<h1 data-i18n="bwm_h1">Werde Modi bei Team Dogi</h1>
|
|
<p class="lead worlds" data-i18n="bwm_lead">Chat, Community und Zusammenhalt im Alltag — mit Herz statt nur Regeln.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-tight">
|
|
<div class="container" style="max-width:640px;">
|
|
<form class="app-form" id="form-modi" novalidate>
|
|
<div class="field">
|
|
<label for="m-name" data-i18n="bwm_label_name">Name *</label>
|
|
<input id="m-name" name="name" type="text" required />
|
|
</div>
|
|
<div class="field">
|
|
<label for="m-email" data-i18n="bwm_label_email">E-Mail *</label>
|
|
<input id="m-email" name="email" type="email" required />
|
|
<span class="error-msg" data-i18n="bwm_error_email">Bitte gültige E-Mail-Adresse eingeben.</span>
|
|
</div>
|
|
<div class="field">
|
|
<label for="m-kontakt" data-i18n="bwm_label_kontakt">Discord- oder TikTok-Handle *</label>
|
|
<input id="m-kontakt" name="kontakt" type="text" placeholder="z.B. Discord: dein-tag" data-i18n-attr="placeholder:bwm_placeholder_kontakt" required />
|
|
</div>
|
|
<div class="field">
|
|
<label for="m-erfahrung" data-i18n="bwm_label_erfahrung">Hast du schon Erfahrung als Moderator:in / in einer Community? *</label>
|
|
<textarea id="m-erfahrung" name="erfahrung" required></textarea>
|
|
</div>
|
|
<div class="field">
|
|
<label for="m-verfuegbarkeit" data-i18n="bwm_label_verfuegbarkeit">Wie viel Zeit kannst du pro Woche investieren? *</label>
|
|
<input id="m-verfuegbarkeit" name="verfuegbarkeit" type="text" required />
|
|
</div>
|
|
<div class="field">
|
|
<label for="m-warum" data-i18n="bwm_label_warum">Warum willst du Modi bei Team Dogi werden? *</label>
|
|
<textarea id="m-warum" name="warum" required></textarea>
|
|
</div>
|
|
<p class="small muted" data-i18n="bwm_hinweis">Modis sind DogFathers persönliches Team — nicht Teil der Spicy Media Agentur. 🩵</p>
|
|
<button class="btn btn-primary" type="submit" data-i18n="bwm_submit">Bewerbung als Modi 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="team-modis.html" data-i18n="bwm_link_modis">← Zum Modi-Team</a>
|
|
<a class="btn btn-outline" href="bewerben.html" data-i18n="bwm_link_bewerben">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-modi.js?v=20260821s"></script>
|
|
<script src="assets/js/main.js?v=20260821s"></script>
|
|
</body>
|
|
</html>
|