Files
dogfather-universe/bewerben-kooperation.html
T
DogFatherGitandClaude Opus 5 5a5912636d Registrierung: E-Mail-Bestätigung per Einmalcode vor dem Zugangscode
Nutzer-Wunsch 21.08.2026: "bei der ersten registrierung sollen die eine
email bekommen mit einem einmaligen code damit wir auch wissen dass
email stimmt und danach wenn sie den code eingegeben haben sollen die
erst ihren zugangscode auswählen/eintippen können."

Damit wird eine echte Lücke geschlossen: registerSupporter() hat bisher
`email_verified = 1` gesetzt, OHNE dass irgendetwas geprüft wurde -- man
konnte sich mit einer fremden oder erfundenen Adresse registrieren und
kam sofort rein.

Neuer Ablauf in drei Schritten:
1. Name/TikTok/E-Mail -> Konto wird als UNBESTÄTIGT angelegt
   (email_verified = 0, noch kein Zugangscode). Es kommt bewusst KEIN
   Session-Token zurück -- eingeloggt ist man hier noch nicht.
2. Einmalcode aus der E-Mail eingeben -> verify-email bestätigt und
   loggt ein. Die Willkommens-Mail wandert hierher, sie ging vorher an
   eine noch ungeprüfte Adresse.
3. Erst jetzt den eigenen Zugangscode festlegen.

Serverseitig abgesichert: setSupporterAccessCode() lehnt ab, solange die
E-Mail nicht bestätigt ist -- der Schritt ist damit nicht nur im
Formular versteckt, sondern auch per Direktaufruf nicht überspringbar.

Wiederverwendet wird die bereits vorhandene Mechanik (issueAuthCode/
verifyAuthCode mit Zweck "verify_email", sendVerifyEmailCode, die Panels
#panel-code und #panel-neuer-code) -- der "Code vergessen?"-Weg nutzt
dieselbe Code-Eingabe und bleibt unverändert; eine neue Variable
codeZweck unterscheidet, welcher Endpunkt aufgerufen wird.

Mit Playwright end-to-end geprüft (14 Tests): Reihenfolge der Aufrufe,
kein Token vor der Bestätigung, falscher Code kommt nicht weiter,
Zugangscode-Feld erst im letzten Schritt, "Code vergessen?" unberührt.

Cache-Busting-Version auf 20260821o erhöht.

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

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=20260821o" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821o" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821o" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821o" />
</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=20260821o"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260821o"></script>
<script src="assets/js/main.js?v=20260821o"></script>
</body>
</html>