DogFatherGitandClaude Opus 5
41faf22614
Nachtrag auf Nachfrage ("hast du alles geprüft oder nur die menü
leisten?") -- vorher hatte ich nur Navigation, Seitenbreite, Tippflächen
und Hoch/Querformat geprüft. Jetzt zusätzlich Bilder, Texte, Knöpfe und
die kompletten Abläufe.
Geprüft über alle 35 Seiten bei 393px:
- Bilder: kein einziges kaputtes Bild, keine fehlenden alt-Texte
- Dateien: keine 404er
- Knöpfe/Links: alle beschriftet (keine namenlosen Bedienelemente)
- Text: nichts wird abgeschnitten. Die zunächst gemeldeten "Überläufe"
bei .btn/.card waren Fehlalarme -- sie stammen von den dekorativen
Leucht-Ebenen (::before mit negativem inset), echter Text ragt
nirgends heraus (einzeln gegengeprüft).
Zwei echte Funde behoben:
1. Marken-Unterzeile war mit 8,96px zu klein zum Lesen (hatte ich beim
Handy-Fix selbst so verkleinert). Jetzt 11px -- Platz ist da, seit der
Menü-Knopf eigenständig rechts sitzt. Über acht Breiten gegengeprüft,
Kopfleiste bleibt überall stabil.
2. "Aktiv"-Ankreuzfelder in der Verwaltung waren 22px. Jetzt 26px, die
ganze Beschriftungszeile ist 44px hoch und schaltet mit um.
Abläufe am Handy durchgespielt (echte Fingertipps, Fake-Backend):
- Registrierung über alle drei Schritte inkl. falschem Code
- Login mit falschem und richtigem Zugangscode
- Abmelden auf supporter.html
- Stimme einreichen inkl. Profilbild-Auswahl
- Verwaltung: Team-Mitglied anlegen, Stimme freigeben, alle Bereiche
sichtbar, kein Überlauf
Cache-Busting-Version auf 20260821r erhöht.
Co-Authored-By: Claude Opus 5 <[email protected]>
111 lines
6.2 KiB
HTML
111 lines
6.2 KiB
HTML
<!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=20260821r" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821r" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821r" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821r" />
|
|
</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=20260821r"></script>
|
|
<script src="assets/js/i18n-stimmen.js?v=20260821r"></script>
|
|
<script src="assets/js/main.js?v=20260821r"></script>
|
|
<script src="assets/js/stimmen.js?v=20260821r"></script>
|
|
</body>
|
|
</html>
|