DogFatherGitandClaude Opus 5
6910112d97
Nutzer-Wunsch 21.08.2026: "benutz da bitte nur die originalen husky und hasen. mach nur die zwei. und die auswahl wo die leute selbst ein bild rein setzen können." - Auswahl von acht auf zwei reduziert (DogFather-Husky, HasiDog). Die übrigen Bilddateien bleiben liegen, falls sie je zurücksollen -- es genügt, die Zeile in data-stimmen-avatare.js und die Id in ERLAUBTE_AVATARE wieder zu ergänzen. - Neue Kachel "eigenes Bild" (gestrichelter Rand + Plus), die den Dateidialog öffnet, das Bild sofort hochlädt und als Vorschau in der Kachel zeigt. Bereits freigegebene Stimmen mit einer der entfernten Figuren zeigen wieder den Anfangsbuchstaben statt eines kaputten Bildes -- die Auflösung unbekannter Ids liefert null, das war schon so vorgesehen. Sicherheit des öffentlichen Uploads (bisher war Hochladen bewusst nur der Verwaltung erlaubt): - Gleiche multer-Härtung wie der Verwaltungs-Upload: nur JPG/PNG/WebP, max. 5 MB, zufälliger UUID-Dateiname (kein Originalname). - Der Server nimmt im Avatar-Feld weiterhin NUR bekannte Ids an oder eine Adresse, die exakt auf den eigenen Upload-Ordner zeigt und danach nur aus UUID + Bildendung besteht. Gegengetestet: fremde Domains, "../"-Ausbruch, .svg/.html, javascript:, angehängte Skripte und http statt https werden alle abgelehnt. - Missbrauchsbremse gegen Vollschreiben der Festplatte: max. 10 Uploads pro Stunde und IP. - Sichtbar wird ein Bild ohnehin erst, wenn die Stimme freigegeben wird. Mit Playwright end-to-end geprüft (10 Tests) plus 9 Sicherheitsfälle. Cache-Busting-Version auf 20260821q 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=20260821q" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821q" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821q" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821q" />
|
|
</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=20260821q"></script>
|
|
<script src="assets/js/i18n-stimmen.js?v=20260821q"></script>
|
|
<script src="assets/js/main.js?v=20260821q"></script>
|
|
<script src="assets/js/stimmen.js?v=20260821q"></script>
|
|
</body>
|
|
</html>
|