DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
57966e24d07e2ee9f31c2a8c697ec3d9c43e1710
dogfather-universe/stimmen.html
T
DogFatherGitandClaude Sonnet 5 57966e24d0 Automatischer öffentlicher Start um 21 Uhr + Countdown auf der Zugangsseite 
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]>
2026-08-21 19:25:12 +02:00

111 lines
6.2 KiB
HTML
Raw Blame History

<!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>Stimmen über DogFather — DOGFATHER UNIVERSE</title>
<meta name="description" content="Was die Community und das Team über DogFather sagen." />
<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="Stimmen über DogFather — DOGFATHER UNIVERSE" />
<meta property="og:description" content="Was die Community und das Team über DogFather sagen." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/stimmen.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Stimmen über DogFather — DOGFATHER UNIVERSE" />
<meta name="twitter:description" content="Was die Community und das Team über DogFather sagen." />
<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-stimmen.jpg');--page-bg-mobile:url('/assets/img/bg-stimmen-mobile.jpg');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-stimmen.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="st_eyebrow">Welt 2 — HasiDog</span>
<h1 data-i18n="st_h1">Stimmen über DogFather</h1>
<p class="lead worlds" data-i18n="st_lead">Was Community und Team sagen.</p>
</div>
</section>
<!-- ===== Eigene Stimme einreichen (20.08.2026, Nutzer-Wunsch: "eine
richtig geile kachel ... wo die leute mit namen und tiktok namen
mir eine nachricht schreiben können", "das wird mega persoenlich
zu den fans"). Landet in der Verwaltung, wird NIE automatisch
veroeffentlicht -- siehe server-internal/routes/testimonials.js. -->
<section class="section-tight">
<div class="container">
<div class="stimmen-einreichen-kachel" id="stimmen-formular-box">
<span class="stimmen-einreichen-glanz" aria-hidden="true"></span>
<div class="stimmen-einreichen-kopf">
<span class="stimmen-einreichen-herz" aria-hidden="true">💌</span>
<h2 data-i18n="st_form_titel">Deine Stimme zählt</h2>
<p class="small" data-i18n="st_form_text">
Was bedeutet dir Team Dogi? Schreib uns deine Geschichte — mit etwas Glück liest DogFather sie
persönlich und stellt sie hier auf die Seite.
</p>
</div>
<form id="stimmen-formular">
<div class="field">
<label for="st-name" data-i18n="st_form_name_label">Dein Name</label>
<input type="text" id="st-name" maxlength="60" required />
</div>
<div class="field">
<label for="st-tiktok" data-i18n="st_form_tiktok_label">TikTok-Name (optional)</label>
<input type="text" id="st-tiktok" maxlength="40" placeholder="@dein-name" />
</div>
<div class="field">
<label for="st-nachricht" data-i18n="st_form_nachricht_label">Deine Nachricht</label>
<textarea id="st-nachricht" maxlength="500" rows="4" required data-i18n-attr="placeholder:st_form_nachricht_placeholder" placeholder="Erzähl uns, was dir Team Dogi bedeutet …"></textarea>
</div>
<!-- Profilbild-Auswahl (21.08.2026, Nutzer-Wunsch: "ich soll auch
paar geile bilder zum aussuchen haben als profilbild falls die
leute kein bild mit schicken, das soll denen auch als
möglichkeit gegeben sein"). Bewusst OHNE Datei-Upload: das
Formular ist öffentlich und ohne Anmeldung erreichbar, ein
offener Upload wäre eine Einladung für beliebiges Material.
Wer ein eigenes Foto möchte, schickt es Dogi direkt — er kann
es in der Verwaltung hinterlegen. Die Kacheln werden aus
data-stimmen-avatare.js aufgebaut, damit Seite und Verwaltung
garantiert dieselbe Auswahl zeigen. -->
<div class="field">
<span class="stimmen-avatar-titel" data-i18n="st_form_avatar_label">Dein Profilbild (optional)</span>
<p class="small muted stimmen-avatar-hinweis" data-i18n="st_form_avatar_hinweis">Ohne Auswahl erscheint einfach der erste Buchstabe deines Namens.</p>
<div class="stimmen-avatar-wahl" id="stimmen-avatar-wahl" role="radiogroup" aria-labelledby="stimmen-avatar-titel"></div>
</div>
<button type="submit" class="btn btn-primary" style="width:100%;" data-i18n="st_form_absenden">💙 Nachricht einreichen</button>
</form>
<p class="stimmen-erfolg" id="stimmen-erfolg" data-i18n="st_form_erfolg">Danke dir! Deine Nachricht wurde eingereicht und wird von Dogi persönlich geprüft. 🩵</p>
<p class="stimmen-fehler" id="stimmen-fehler"></p>
</div>
</div>
</section>
<!-- ===== Echte, freigegebene Stimmen -- bleibt komplett unsichtbar, bis
mindestens eine Nachricht in der Verwaltung freigegeben wurde (kein
Platzhaltertext mehr). ===== -->
<section class="section-tight" id="stimmen-echte-root" hidden>
<div class="container">
<h2 class="text-center" data-i18n="st_echte_titel">Das sagt die Community</h2>
<div class="grid grid-3" id="stimmen-echte-grid" style="margin-top:1.6rem;"></div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/data-stimmen-avatare.js?v=20260821s"></script>
<script src="assets/js/i18n-stimmen.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/stimmen.js?v=20260821s"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink