DogFatherGitandClaude Opus 5
9bd9357185
Fünf Seiten hatten einen Sprung h1 -> h3 im Hauptinhalt (die Kachel- Überschriften waren h3, ohne h2 dazwischen). Für Bildschirmleser fehlte damit eine Ebene im "Inhaltsverzeichnis" der Seite (WCAG 1.3.1). Pro Seite der passende, optik-erhaltende Weg -- jede Änderung mit Screenshot bzw. gemessener Schriftgröße gegengeprüft: - werte, kontakt, index: Kachel-h3 -> h2 (die Kacheln SIND die Hauptabschnitte unter der h1). Neue Regel .card > h2 hält die kompakte h3-Optik (1.62rem); Varianten .card-brand/.card-feature bleiben über ihre eigenen h3-Regeln unberührt. Gemessen: 25.92px vorher = nachher. - bewerben: die schon sichtbaren Gruppenlabels (Community / Agentur) waren <span> -> jetzt <h2> mit derselben Klasse. Optik per Screenshot identisch (zentriert, uppercase, Zierstrich). - links: die Kacheln nutzen Spezial-Varianten mit eigenen Größen, ein Tag-Wechsel wäre riskant -> stattdessen eine unsichtbare Gruppen- überschrift (.sr-only, neue Klasse nach WCAG-Standard). Ändert die Optik nicht, vervollständigt aber die Ordnung für Bildschirmleser. Cache-Buster 20260828b (main.css geändert: .card > h2, .sr-only). 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=20260828b" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828b" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828b" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828b" />
|
|
</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=20260828b"></script>
|
|
<script src="assets/js/i18n-stimmen.js?v=20260828b"></script>
|
|
<script src="assets/js/main.js?v=20260828b"></script>
|
|
<script src="assets/js/stimmen.js?v=20260828b"></script>
|
|
</body>
|
|
</html>
|