Files
dogfather-universe/bewerben-scout.html
T
DogFatherGitandClaude Opus 5 519e209bce Zweite Live-Uhr fuer "spezielles Live-Event" + mehr Farbe im Radar
Nutzer-Wunsch 20.08.2026: "wuensch mir nur noch bissl farbe und sehr
wichtig ist dass ich auch spezielle live events da auch eintragen kann
in der verwaltungsseite so dass da eine zweite uhr erscheint wo die zeit
dann fuer dieses spezielle event laeuft."

- Neue Verwaltungs-Sektion "Spezielles Live-Event": Titel (Deutsch, wird
  automatisch uebersetzt), echtes Datum+Uhrzeit, optionaler Link, Aktiv-
  Schalter -- nur mit Titel + Zukunftsdatum aktivierbar.
- Zweite Uhr auf streamplan.html (Magenta/Violett statt Cyan/Gold, direkt
  neben der bestehenden), nur sichtbar wenn ein Event aktiviert ist und
  das Zieldatum noch nicht vorbei ist. Echter Countdown inkl. Tage (z.B.
  "2T 03:14:59"), "Jetzt"-Zeiger zeigt wie bei Uhr 1 die tatsaechliche
  Uhrzeit, der magentafarbene Fixpunkt markiert die Tageszeit des Events.
  Zieldatum wird als UTC gespeichert -- jede besuchende Person sieht den
  exakt richtigen Countdown in ihrer eigenen Zeitzone.
- "Bissl Farbe": bunter Farbverlauf (Cyan/Violett/Gold) auf dem aeusseren
  Ring statt reinem Grauton, kraeftigerer Sweep-Farbschein.
- Backend: neue routes/special-event.js (getSpecialEventPublic nur bei
  aktiv+zukuenftig, getSpecialEventAdmin fuer Entwuerfe, saveSpecialEvent
  mit Validierung), 13 automatisierte Tests gegen eine Fake-DB bestanden.
- Bugfix unterwegs gefunden (Playwright-Screenshot, wiederholtes Muster
  auf dieser Seite): .stream-radar-wrap blieb trotz [hidden]-Attribut
  sichtbar (display:block ueberschreibt die eingebaute [hidden]-Regel bei
  gleicher Spezifitaet) -- explizite Regel ergaenzt, per Playwright erneut
  verifiziert (display:none bestaetigt).

Backend-Teil (server-internal/) noch ohne Deploy-Zugriff -- Dogi muss ihn
manuell auf dogiintern ausrollen, sonst bleibt die zweite Uhr unsichtbar.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-08-20 23:24:17 +02:00

79 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html lang="de" data-theme="spicymedia">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scout werden — DOGFATHER UNIVERSE</title>
<meta name="description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
<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="Scout werden — DOGFATHER UNIVERSE" />
<meta property="og:description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/bewerben-scout.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Scout werden — DOGFATHER UNIVERSE" />
<meta name="twitter:description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820j" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820j" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820j" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820j" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-scouts.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="bws_eyebrow">Manager DogFather — Agentur</span>
<h1 data-i18n="bws_h1">Werde Scout für DogFather</h1>
<p class="lead worlds" data-i18n="bws_lead">Du kennst Leute mit Potenzial? Finde und begleite neue Talente für Team Dogi.</p>
</div>
</section>
<section class="section-tight">
<div class="container" style="max-width:640px;">
<form class="app-form" id="form-scout" novalidate>
<div class="field">
<label for="s-name" data-i18n="bws_label_name">Name *</label>
<input id="s-name" name="name" type="text" required />
</div>
<div class="field">
<label for="s-email" data-i18n="bws_label_email">E-Mail *</label>
<input id="s-email" name="email" type="email" required />
<span class="error-msg" data-i18n="bws_error_email">Bitte gültige E-Mail-Adresse eingeben.</span>
</div>
<div class="field">
<label for="s-erfahrung" data-i18n="bws_label_erfahrung">Erfahrung als Scout / im Netzwerk aufbauen *</label>
<textarea id="s-erfahrung" name="erfahrung" required></textarea>
</div>
<div class="field">
<label for="s-verfuegbarkeit" data-i18n="bws_label_verfuegbarkeit">Wie viel Zeit kannst du investieren? *</label>
<input id="s-verfuegbarkeit" name="verfuegbarkeit" type="text" required />
</div>
<p class="small muted" data-i18n="bws_hinweis">Scouts finden und begleiten neue Talente für Dogi.</p>
<button class="btn btn-primary" type="submit" data-i18n="bws_btn_submit">Bewerbung als Scout 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-scouts.html" data-i18n="bws_link_team">← Zum Scout-Team</a>
<a class="btn btn-outline" href="bewerben.html" data-i18n="bws_link_andere">Andere Bewerbung suchen</a>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260820j"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260820j"></script>
<script src="assets/js/main.js?v=20260820j"></script>
</body>
</html>