TikTok-Knoepfe fuer HasiDog + Modi-Gang, Zeitreise-Reihenfolge, Bildgroesse

Nutzer-Wuensche 20.08.2026:
- hasidog.html: TikTok-Knopf direkt unter der grossen Ueberschrift,
  Account @hasidog0804 (alle 5 Sprachen uebersetzt).
- streamer.html: TikTok-Knopf unter "Casper - mein treuer Begleiter",
  Account @dogis.modi.gang (alle 5 Sprachen uebersetzt).
- zeitreise.html: die beiden letzten Karten getauscht -- der Website-Start
  (21.08.2026, konkretes Datum) steht jetzt VOR der Teddy-Kooperation
  ("Datum folgt"), damit die Zeitleiste durchgehend chronologisch bleibt.
- streamer.html Bildgroesse gefixt ("der soll bissl kleiner sein und nicht
  so riesig"): streamer-mascot.jpg ist 900x2812 px und lief mit
  aspect-ratio:auto + height:auto in voller natuerlicher Hoehe -- rund
  dreimal so hoch wie die Textspalte daneben. Neue Klasse
  .collage-photo-kompakt deckelt die Hoehe auf 460px und laesst den Rahmen
  eng am Bild sitzen (width:fit-content), die ganze Figur bleibt sichtbar.
  Regel steht bewusst NACH ".collage-photo img" -- gleiche Spezifitaet,
  die spaetere gewinnt, sonst haette width:100%/height:100% sie aufgehoben.

Alles per Playwright verifiziert (beide Knoepfe mit korrekten Links,
Bildhoehe 460px statt ~1780px, neue Zeitreise-Reihenfolge), keine JS-Fehler.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-20 23:46:04 +02:00
co-authored by Claude Opus 5
parent 399260b805
commit 5146cef164
38 changed files with 297 additions and 247 deletions
+6 -6
View File
@@ -18,10 +18,10 @@
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta name="robots" content="noindex" />
<title>Seite nicht gefunden — DOGFATHER UNIVERSE</title>
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body>
<div id="site-header"></div>
@@ -41,7 +41,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-404.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-404.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Unterstütze Dogfather dauerhaft mit der DogiCrew 🩵 und sammle exklusive Treueprämien — die Teddy-Kollektion entsteht in Kooperation mit VanVan." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* =====================================================================
Preis-/Anmelde-Kiste — komplett neu gestaltet (Nutzer-Feedback
@@ -454,9 +454,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-abonnieren.js?v=20260820k"></script>
<script src="assets/js/supporter.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-abonnieren.js?v=20260820l"></script>
<script src="assets/js/supporter.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
(function () {
const S = window.DogiSupporter;
+5 -5
View File
@@ -20,10 +20,10 @@
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta name="robots" content="noindex" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body>
<div id="site-header"></div>
@@ -134,6 +134,6 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Detailansicht einer Aktion oder eines Projekts von Team Dogi." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body>
<div id="site-header"></div>
@@ -51,9 +51,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-aktionen.js?v=20260820k"></script>
<script src="assets/js/i18n-aktion-detail.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-aktionen.js?v=20260820l"></script>
<script src="assets/js/i18n-aktion-detail.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const params = new URLSearchParams(location.search);
+23
View File
@@ -2360,6 +2360,29 @@ footer.site-footer {
(z.B. dem DogFather-Manager-Artwork) nicht flach wirken. */
filter: saturate(1.26) contrast(1.15) brightness(1.03);
}
/* Sehr hohe Hochkant-Bilder (z.B. streamer-mascot.jpg mit 900x2812 px) würden
mit aspect-ratio:auto + height:auto in voller natürlicher Höhe rendern und die
danebenstehende Textspalte komplett erschlagen (Nutzer-Report 20.08.2026:
"der soll bissl kleiner sein und nicht so riesig"). Diese Klasse deckelt die
Höhe auf ein normales Maß; width:fit-content lässt den Rahmen dabei eng am
Bild sitzen, statt breite gestreifte Hintergrund-Balken danebenzulassen.
WICHTIG: muss NACH ".collage-photo img" stehen — beide Regeln haben dieselbe
Spezifität (eine Klasse + ein Element), die spätere gewinnt. Stünde dieser
Block davor, würde width:100%/height:100% oben die Deckelung wieder aufheben. */
.collage-photo-kompakt {
aspect-ratio: auto;
width: fit-content;
max-width: 100%;
margin: 0 auto;
}
.collage-photo-kompakt img {
width: auto;
height: auto;
max-height: 460px;
max-width: 100%;
display: block;
object-fit: contain;
}
/* Cineastischer "Poster-Grade" für JEDES Präsentationsfoto auf der Seite:
zwei Farbschein-Blooms in der jeweiligen Rahmenfarbe (oben-links /
unten-rechts, wie ein Studio-Rimlight — nutzt dieselbe --frame-Variable
+4
View File
@@ -37,6 +37,10 @@ window.I18N_PAGE = {
de: "🐰 HasiDog – Eine eigene Welt voller Chaos, Herz und Fantasie", "de-CH": "🐰 HasiDog – E eigeti Wält vollr Chaos, Herz und Fantasie",
en: "🐰 HasiDog – A world of its own, full of chaos, heart and imagination", fr: "🐰 HasiDog – Un monde à part, plein de chaos, de cœur et d'imagination", pt: "🐰 HasiDog – Um mundo à parte, cheio de caos, coração e imaginação",
},
hd_btn_tiktok: {
de: "Zur HasiDog TikTok-Seite", "de-CH": "Zur HasiDog TikTok-Site",
en: "Go to HasiDog's TikTok page", fr: "Voir la page TikTok de HasiDog", pt: "Ir para a página TikTok do HasiDog",
},
hd_welt_1: {
de: "HasiDog ist mehr als nur eine Figur. Hinter HasiDog steckt eine eigene Welt aus Humor, Musik, Geschichten, Überraschungen und liebenswertem Chaos. 🩵",
"de-CH": "HasiDog isch meh als nur e Figur. Hinter HasiDog steckt e eigeti Wält us Humor, Musig, Gschichte, Überraschige und liebenswerte Chaos. 🩵",
+4
View File
@@ -134,6 +134,10 @@ window.I18N_PAGE = {
de: "🐺 Casper – mein treuer Begleiter", "de-CH": "🐺 Casper – min treu Begleiter",
en: "🐺 Casper – My Loyal Companion", fr: "🐺 Casper – mon fidèle compagnon", pt: "🐺 Casper – meu fiel companheiro",
},
str_btn_tiktok_modigang: {
de: "Zur Modi-Gang TikTok-Seite", "de-CH": "Zur Modi-Gang TikTok-Site",
en: "Go to the Modi Gang TikTok page", fr: "Voir la page TikTok de la Modi-Gang", pt: "Ir para a página TikTok da Modi-Gang",
},
str_casper_1: {
de: `Ein ganz besonderer Teil meines Lebens und auch meiner Community ist mein Husky <a href="casper.html"><strong>Casper</strong></a>.`,
"de-CH": `En ganz spezielle Teil vo minem Läbe und au vo minere Community isch min Husky <a href="casper.html"><strong>Casper</strong></a>.`,
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Du bist Streamer und suchst einen Manager? Bewirb dich als Creator bei 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=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
<div id="site-header"></div>
@@ -70,8 +70,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260820k"></script>
<script src="assets/js/i18n-bewerben-creator.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/forms.js?v=20260820l"></script>
<script src="assets/js/i18n-bewerben-creator.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -22,10 +22,10 @@
<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=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</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>
@@ -68,8 +68,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260820k"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/forms.js?v=20260820l"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
<div id="site-header"></div>
@@ -79,8 +79,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260820k"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/forms.js?v=20260820l"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -19,10 +19,10 @@
<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=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</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>
@@ -71,8 +71,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260820k"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/forms.js?v=20260820l"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Werde Teil vom Team: Modi bei Team Dogi, Scout oder Creator bei Spicy Media, oder Kooperation anfragen." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-split.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-split-mobile.jpg');">
<div id="site-header"></div>
@@ -85,7 +85,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-bewerben.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-bewerben.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
<div id="site-header"></div>
@@ -85,7 +85,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-casper.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-casper.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Team Dogi ist Familie — die Community rund um DogFather und HasiDog." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-community.jpg');--page-bg-mobile:url('/assets/img/bg-community-mobile.jpg');">
<div id="site-header"></div>
@@ -84,7 +84,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-community.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-community.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Content Creator, die Teil von DogFather / Spicy Media sind." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-creator.jpg');--page-bg-mobile:url('/assets/img/bg-creator-mobile.jpg');">
<div id="site-header"></div>
@@ -59,9 +59,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-creator.js?v=20260820k"></script>
<script src="assets/js/i18n-creator.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-creator.js?v=20260820l"></script>
<script src="assets/js/i18n-creator.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const grid = document.getElementById("creator-grid");
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Wer ist DogFather wirklich? Persönlichkeit, Werte und die Geschichte hinter dem Content." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather-person.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-person-mobile.jpg');">
<div id="site-header"></div>
@@ -158,7 +158,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-dogfather.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-dogfather.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+2 -2
View File
@@ -26,8 +26,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="DogFather" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<style>
/* =====================================================================
Zugangsseite — bewusst kein braves Standard-Login-Formular, sondern
+10 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="HasiDog: Maskottchen, Musikprojekt und die verspielte, familiäre Seite von Team Dogi." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-hasidog-mobile.jpg');">
<div id="site-header"></div>
@@ -56,6 +56,10 @@
<div class="container grid grid-2" style="align-items:center;">
<div>
<h2 data-i18n="hd_welt_h2">🐰 HasiDog – Eine eigene Welt voller Chaos, Herz und Fantasie</h2>
<!-- Eigener TikTok-Account von HasiDog (Nutzer-Wunsch 20.08.2026) -->
<p style="margin:.2rem 0 1.2rem;">
<a class="btn-tiktok" href="https://www.tiktok.com/@hasidog0804" target="_blank" rel="noopener"><span class="btn-tiktok-note" aria-hidden="true">♪</span><span class="btn-tiktok-text" data-i18n="hd_btn_tiktok">Zur HasiDog TikTok-Seite</span></a>
</p>
<p data-i18n="hd_welt_1">HasiDog ist mehr als nur eine Figur. Hinter HasiDog steckt eine eigene Welt aus Humor, Musik, Geschichten, Überraschungen und liebenswertem Chaos. 🩵</p>
<p data-i18n="hd_welt_2">Hier treffen freche Ideen auf große Gefühle, verrückte Momente auf echte Freundschaft und Fantasie auf Abenteuer. HasiDog steht vollkommen für sich – mit einem eigenen Charakter, einer eigenen Geschichte und einer eigenen Familie.</p>
<p class="quote" data-i18n="hd_welt_quote" style="margin-top:1.4rem;">Frech im Kopf. Chaotisch im Herzen. Einzigartig in jeder Geschichte.</p>
@@ -182,7 +186,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-hasidog.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-hasidog.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+9 -9
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="DOGFATHER UNIVERSE: die Heimat von DogFather als Streamer, der HasiDog-Community und Manager DogFather bei 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=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="start-seite">
<div id="site-header"></div>
@@ -293,11 +293,11 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260820k"></script>
<script src="assets/js/data-scouts.js?v=20260820k"></script>
<script src="assets/js/data-aktionen.js?v=20260820k"></script>
<script src="assets/js/i18n-index.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-modis.js?v=20260820l"></script>
<script src="assets/js/data-scouts.js?v=20260820l"></script>
<script src="assets/js/data-aktionen.js?v=20260820l"></script>
<script src="assets/js/i18n-index.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
// Gleiche URL wie in assets/js/forms.js / postfach.html — läuft seit
// 05.08.2026 auf dem eigenen Server statt auf Cloudflare Workers.
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Kontakt, Impressum und Datenschutz von DOGFATHER UNIVERSE." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body>
<div id="site-header"></div>
@@ -126,7 +126,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-kontakt.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-kontakt.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Alle Social-Media- und Musik-Links von DogFather an einem Ort — plus QR-Codes." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* Rabattcodes: an das Supporter-Abo gekoppelt (Nutzer-Feedback
03.08.2026: "verbinde es mit dem Abo... wenn die Leute drauf drücken
@@ -140,8 +140,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-links.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-links.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
(function () {
document.addEventListener("DOMContentLoaded", function () {
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="DogFather als Manager bei der Spicy Media Agency: Scouts, Creator und faire Zusammenarbeit." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-manager.jpg');--page-bg-mobile:url('/assets/img/bg-manager-mobile.jpg');">
<div id="site-header"></div>
@@ -126,7 +126,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-manager.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-manager.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+9 -9
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Fotos und Videos rund um Husky Casper an einem Ort." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" data-welt="casper" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
<div id="site-header"></div>
@@ -59,10 +59,10 @@
</div>
<div id="site-footer"></div>
<script src="assets/js/data-media.js?v=20260820k"></script>
<script src="assets/js/data-videos.js?v=20260820k"></script>
<script src="assets/js/medien-welt.js?v=20260820k"></script>
<script src="assets/js/i18n-medien-casper.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-media.js?v=20260820l"></script>
<script src="assets/js/data-videos.js?v=20260820l"></script>
<script src="assets/js/medien-welt.js?v=20260820l"></script>
<script src="assets/js/i18n-medien-casper.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+10 -10
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Fotos, Videos und Events aus DogFathers Welt an einem Ort." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" data-welt="dogfather" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
<div id="site-header"></div>
@@ -65,11 +65,11 @@
</div>
<div id="site-footer"></div>
<script src="assets/js/data-media.js?v=20260820k"></script>
<script src="assets/js/data-videos.js?v=20260820k"></script>
<script src="assets/js/data-aktionen.js?v=20260820k"></script>
<script src="assets/js/medien-welt.js?v=20260820k"></script>
<script src="assets/js/i18n-medien-dogfather.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-media.js?v=20260820l"></script>
<script src="assets/js/data-videos.js?v=20260820l"></script>
<script src="assets/js/data-aktionen.js?v=20260820l"></script>
<script src="assets/js/medien-welt.js?v=20260820l"></script>
<script src="assets/js/i18n-medien-dogfather.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+10 -10
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Fotos, Videos und Events aus der HasiDog-Welt an einem Ort." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" data-welt="hasidog" style="--page-bg:url('/assets/img/bg-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-hasidog-mobile.jpg');">
<div id="site-header"></div>
@@ -65,11 +65,11 @@
</div>
<div id="site-footer"></div>
<script src="assets/js/data-media.js?v=20260820k"></script>
<script src="assets/js/data-videos.js?v=20260820k"></script>
<script src="assets/js/data-aktionen.js?v=20260820k"></script>
<script src="assets/js/medien-welt.js?v=20260820k"></script>
<script src="assets/js/i18n-medien-hasidog.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-media.js?v=20260820l"></script>
<script src="assets/js/data-videos.js?v=20260820l"></script>
<script src="assets/js/data-aktionen.js?v=20260820l"></script>
<script src="assets/js/medien-welt.js?v=20260820l"></script>
<script src="assets/js/i18n-medien-hasidog.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+9 -9
View File
@@ -16,10 +16,10 @@
<meta name="twitter:card" content="summary_large_image" />
<meta name="robots" content="noindex" /> <!-- generische URL, echte Team-Seiten verlinken hierher -->
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
.profil-photo { aspect-ratio: 4/5; max-width: 420px; margin: 0 auto; }
.profil-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
@@ -130,11 +130,11 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260820k"></script>
<script src="assets/js/data-scouts.js?v=20260820k"></script>
<script src="assets/js/data-creator.js?v=20260820k"></script>
<script src="assets/js/i18n-profil.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-modis.js?v=20260820l"></script>
<script src="assets/js/data-scouts.js?v=20260820l"></script>
<script src="assets/js/data-creator.js?v=20260820l"></script>
<script src="assets/js/i18n-profil.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const slug = new URLSearchParams(location.search).get("p") || "";
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Rabattcodes von Dogis Partnern für Team Dogi — spar bares Geld bei ausgewählten Marken." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* Leere-Zustand-Kachel im "Gutschein"-Look: gestrichelter Rand wie ein
ausgeschnittener Coupon, damit auch OHNE echte Codes schon klar ist,
@@ -131,8 +131,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-rabattcodes.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-rabattcodes.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
(function () {
document.addEventListener("DOMContentLoaded", function () {
+7 -7
View File
@@ -19,10 +19,10 @@
<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=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</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>
@@ -87,8 +87,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-stimmen.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/stimmen.js?v=20260820k"></script>
<script src="assets/js/i18n-stimmen.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script src="assets/js/stimmen.js?v=20260820l"></script>
</body>
</html>
+19 -8
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Die persönliche Geschichte hinter DogFather — Filipe, Streamer, Manager bei Spicy Media und Hundepapa von Husky Casper." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamer.jpg');--page-bg-mobile:url('/assets/img/bg-streamer-mobile.jpg');">
<div id="site-header"></div>
@@ -73,11 +73,22 @@
<section>
<div class="container grid grid-2" style="align-items:center;">
<div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
<img src="assets/img/streamer-mascot.jpg" alt="DogFather Maskottchen" style="width:100%;height:auto;display:block;" />
<!-- Bugfix 20.08.2026 (Nutzer-Report: "der soll bissl kleiner sein und nicht
so riesig, einfach normal wie auf der startseite"): streamer-mascot.jpg ist
900x2812 px, also extrem hochkant. Mit aspect-ratio:auto + height:auto lief
es in voller natürlicher Höhe und war damit gut dreimal so hoch wie die
Textspalte daneben. Die Klasse .collage-photo-kompakt (main.css) deckelt die
Höhe auf ein normales Maß und lässt den Rahmen dabei eng am Bild sitzen --
die ganze Figur bleibt sichtbar, nur eben in vernünftiger Größe. -->
<div class="collage-photo collage-photo-kompakt frame-lila" style="border-radius:var(--radius);">
<img src="assets/img/streamer-mascot.jpg" alt="DogFather Maskottchen" />
</div>
<div>
<h2 data-i18n="str_casper_h2">🐺 Casper – mein treuer Begleiter</h2>
<!-- TikTok-Account der Modi-Gang (Nutzer-Wunsch 20.08.2026) -->
<p style="margin:.2rem 0 1.2rem;">
<a class="btn-tiktok" href="https://www.tiktok.com/@dogis.modi.gang" target="_blank" rel="noopener"><span class="btn-tiktok-note" aria-hidden="true">♪</span><span class="btn-tiktok-text" data-i18n="str_btn_tiktok_modigang">Zur Modi-Gang TikTok-Seite</span></a>
</p>
<p data-i18n="str_casper_1">Ein ganz besonderer Teil meines Lebens und auch meiner Community ist mein Husky <a href="casper.html"><strong>Casper</strong></a>.</p>
<p data-i18n="str_casper_2">Casper wurde adoptiert und stammt aus einem Kriegsgebiet in der Ukraine. Trotz allem, was er erlebt hat, besitzt er ein unglaublich großes und liebevolles Herz.</p>
<p data-i18n="str_casper_3">In vielen Dingen ist Casper genauso wie sein Papa: ruhig, lieb, manchmal völlig verpeilt und immer für Dummheiten zu haben. Doch sobald es um Menschen oder Dinge geht, die er liebt, zeigt er seine beschützende Seite.</p>
@@ -189,7 +200,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-streamer.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-streamer.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+9 -9
View File
@@ -19,17 +19,17 @@
<meta name="twitter:description" content="Wann geht DogFather live? Streamplan und Livebereich." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260820k');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260820k');">
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260820l');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260820l');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260820k" alt="" loading="eager" /></div>
<div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260820l" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="sp_eyebrow">Welt 1 — DogFather</span>
<h1 data-i18n="sp_h1">Streamplan &amp; Livebereich</h1>
@@ -126,8 +126,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-streamplan.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/streamplan.js?v=20260820k"></script>
<script src="assets/js/i18n-streamplan.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script src="assets/js/streamplan.js?v=20260820l"></script>
</body>
</html>
+7 -7
View File
@@ -9,10 +9,10 @@
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#0b0d10" />
<meta name="robots" content="noindex" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* =====================================================================
Supporter-Bereich — komplett neu gestaltet (Nutzer-Feedback
@@ -416,9 +416,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-supporter.js?v=20260820k"></script>
<script src="assets/js/supporter.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-supporter.js?v=20260820l"></script>
<script src="assets/js/supporter.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
(function () {
const S = window.DogiSupporter;
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="VanVan, Diene, Funny, Miss und Marina — das Modi-/Core-Team von Team Dogi." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
<div id="site-header"></div>
@@ -66,9 +66,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260820k"></script>
<script src="assets/js/i18n-team-modis.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-modis.js?v=20260820l"></script>
<script src="assets/js/i18n-team-modis.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const grid = document.getElementById("modis-grid");
+7 -7
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Die Scouts von Team Dogi bei 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=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
<div id="site-header"></div>
@@ -49,9 +49,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-scouts.js?v=20260820k"></script>
<script src="assets/js/i18n-team-scouts.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/data-scouts.js?v=20260820l"></script>
<script src="assets/js/i18n-team-scouts.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const grid = document.getElementById("scouts-grid");
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Eine persönliche Widmung von Dogi an Tili — seine TikTok-Muddi, die erste und bis heute einzige Streamerin, die ihm all die Zeit treu geblieben ist." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* Gleiche Anpassung wie vanvan.html: der site-weit etwas größere
Fließtext wirkt bei einem so langen persönlichen Brief zu wuchtig —
@@ -153,7 +153,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-tt-muddi.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-tt-muddi.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="VanVan erzählt ihre Geschichte: wie sie zu Team Dogi kam, wer sie ist und was DogFather und Team Dogi ihr bedeuten." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* Auf Wunsch: der site-weit vergrößerte Fließtext wirkte auf VanVans
eigener Seite zu groß (viel Text am Stück) — hier gezielt wieder
@@ -175,7 +175,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-vanvan.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-vanvan.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+6 -6
View File
@@ -19,10 +19,10 @@
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon-admin.png" />
<meta name="apple-mobile-web-app-title" content="DogiCrew-Verwaltung" />
<meta name="theme-color" content="#0e0a16" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
<style>
/* =====================================================================
verwaltung.html — Dogis privater Command-Center-Bereich.
@@ -1032,8 +1032,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/admin-auth.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script src="assets/js/admin-auth.js?v=20260820l"></script>
<script>
(function () {
const API_BASE_URL = "https://postfach.dogfather-universe.com";
+6 -6
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Die Werte, nach denen DogFather als Manager bei Spicy Media arbeitet." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-werte.jpg');--page-bg-mobile:url('/assets/img/bg-werte-mobile.jpg');">
<div id="site-header"></div>
@@ -113,7 +113,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-werte.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-werte.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
</body>
</html>
+19 -15
View File
@@ -19,10 +19,10 @@
<meta name="twitter:description" content="Die Geschichte von DogFather in einer interaktiven Zeitleiste." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820k" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820l" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820l" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-zeitreise.jpg');--page-bg-mobile:url('/assets/img/bg-zeitreise-mobile.jpg');">
<div id="site-header"></div>
@@ -179,15 +179,10 @@
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev15_h3">Kooperation mit VanVan Teddys</h3>
<p data-i18n="zr_ev15_p">Eine eigene Merchandise-Kooperation rund um VanVan startet.</p>
</div>
</div>
<!-- Reihenfolge getauscht (Nutzer-Wunsch 20.08.2026): der Website-Start hat
ein konkretes Datum (21.08.2026) und steht deshalb VOR der Teddy-
Kooperation, deren Datum noch offen ist ("Datum folgt") -- so bleibt die
Zeitleiste durchgehend chronologisch lesbar. -->
<div class="zeit-ast meilenstein">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
@@ -197,6 +192,15 @@
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev15_h3">Kooperation mit VanVan Teddys</h3>
<p data-i18n="zr_ev15_p">Eine eigene Merchandise-Kooperation rund um VanVan startet.</p>
</div>
</div>
<div class="zeit-ast meilenstein zeit-final">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
@@ -219,8 +223,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-zeitreise.js?v=20260820k"></script>
<script src="assets/js/main.js?v=20260820k"></script>
<script src="assets/js/i18n-zeitreise.js?v=20260820l"></script>
<script src="assets/js/main.js?v=20260820l"></script>
<script>
/* Wachstums-Reveal: Äste blenden sich beim Scrollen sanft ein — passt
zum "wachsenden Baum"-Konzept dieser Seite. Rein page-lokal, betrifft