DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Drei Handy-Nachbesserungen: Trio-Bild hinter dem Text, auffälliger Menü-Knopf, abgeschnittener Öffnen-Knopf

Browse Source 
Nutzer-Report mit drei Bildern vom Handy:

1. HERO-BILD SASS NICHT MEHR HINTER DEM TEXT (index.html)
   .hero-artwork hat "inset:0" -- füllt also die GESAMTE Höhe von
   .hero-cinematic, und diese Sektion umschließt nicht nur die Überschrift,
   sondern auch die 3 Welt-Kacheln darunter. Auf dem Handy wird die Sektion
   durch den 4-zeilig umbrechenden Titel + Kacheln riesig (~1570px bei
   390px Breite) -- das Trio-Bild (16:9, contain-skaliert an die Breite)
   wurde dadurch nur ~220px hoch und mittig in dieser riesigen Fläche
   zentriert, landete also als schmaler Streifen zwischen den Buttons und
   den Welt-Kacheln statt hinter der Überschrift.
   Fix: eigenes festes Seitenverhältnis (4:3) für die Bildbox auf dem
   Handy, von OBEN verankert statt zentriert, background-size auf "cover"
   -- Verlauf eigens für die neue, kürzere Box abgestimmt (die
   Desktop-Version wäre zu abrupt gewesen). Über 6 Breiten (320-768px)
   mit Playwright gegengeprüft.

2. MENÜ-KNOPF ZU UNAUFFÄLLIG (main.js + main.css, alle Seiten)
   "da soll auch menü stehen und die 3 striche" + "die kiste soll auch
   leicht eine andere farbe haben so dass sie auffällt, eine leicht blau
   tönung". Sichtbares "Menü" neben den drei Strichen ergänzt (neuer i18n-
   Schlüssel nav_toggle_label, alle 5 Sprachen) + dezente Babyblau-Tönung
   (8% Deckkraft, passend zur Markenfarbe --accent). Dabei einen
   unabhängigen, zweiten Bug gefunden und mitbehoben: durch die neue
   Knopfbreite/-höhe wurde ein Rechenfehler im geschlossenen Mobilmenü
   sichtbar -- "translateY(-110%)" reicht nur, wenn das Panel mindestens
   10x so hoch ist wie der Kopfbereich; war das nicht der Fall, ragte die
   Unterkante (der Sprachschalter) ein paar Pixel sichtbar ins Bild.
   Robusterer Ersatz: -100% + fester 200px-Puffer, unabhängig von Panel-
   und Kopfbereichshöhe. Über 3 Breiten gegengeprüft (Panel unsichtbar UND
   öffnet weiterhin normal).

3. "ÖFFNEN"-KNOPF AUF DER ZUGANGSSEITE ABGESCHNITTEN (gate.html)
   .gate-card trägt "flex: 1 1 220px" für die Desktop-Reihe (220px als
   BREITE gedacht). Sobald @media max-width:480px auf flex-direction:column
   umschaltet, gilt dieselbe Zahl als HÖHE -- die Karte wurde auf genau
   220px Höhe gequetscht. overflow:hidden setzt zusätzlich das normale
   Mindestmaß (min-height:auto) auf 0 herunter, wodurch nichts das
   Zusammenquetschen verhinderte -- der "Öffnen"-Knopf wurde unten
   abgeschnitten. Fix: flex:none in genau diesem Media-Block, Breite bleibt
   weiterhin über width:100%/max-width geregelt. An 4 Breiten x 3 Kacheln
   (Dogi/VanVan/Diene) gegengeprüft: Karten jetzt 258px statt 220px hoch,
   Knopf komplett sichtbar.

Vollständiger Regressionslauf: alle 34 Seiten bei 390px (kein Überlauf,
Menü-Knopf überall erreichbar und beschriftet), Desktop bei 1920px
unverändert (Hamburger weiterhin nur unter der bestehenden 1650px-
Schwelle sichtbar).

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

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-08-21 23:37:14 +02:00
co-authored by Claude Sonnet 5
parent 57966e24d0
commit 1f0ec994a9
37 changed files with 342 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-404.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
abonnieren.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<style>
/* =====================================================================
Preis-/Anmelde-Kiste — komplett neu gestaltet (Nutzer-Feedback
@@ -603,9 +603,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-abonnieren.js?v=20260821s"></script>
<script src="assets/js/supporter.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-abonnieren.js?v=20260821t"></script>
<script src="assets/js/supporter.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
(function () {
const S = window.DogiSupporter;
agb.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body>
<div id="site-header"></div>
@@ -134,6 +134,6 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
aktion-detail.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/i18n-aktion-detail.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-aktionen.js?v=20260821t"></script>
<script src="assets/js/i18n-aktion-detail.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const params = new URLSearchParams(location.search);
assets/css/main.css
+78 -4
View File
@@ -1436,13 +1436,28 @@ header.site-header {
.nav-toggle {
display: none;
background: none;
border: 1px solid var(--border);
/* Leichte blaue Tönung (21.08.2026, Nutzer-Wunsch: "die kiste soll auch
leicht eine andere farbe haben so dass sie auffällt. eine leicht blau
tönung.") -- bewusst sehr dezent (8% Deckkraft), damit es zur übrigen
augenschonenden Optik der Seite passt und nicht wie ein grelles Warn-
Element wirkt, aber deutlich genug, um die Kiste vom sonst rein
schwarzen Kopfbereich abzuheben. */
background: rgba(143, 217, 234, .1);
border: 1px solid rgba(143, 217, 234, .35);
border-radius: 8px;
color: var(--text);
padding: .5rem .7rem;
cursor: pointer;
align-items: center;
gap: .4rem;
}
.nav-toggle:hover, .nav-toggle:focus-visible {
background: rgba(143, 217, 234, .18);
border-color: rgba(143, 217, 234, .55);
}
/* Sichtbares "Menü" NEBEN den drei Strichen (21.08.2026, Nutzer-Report per
Bild: "da soll auch menü stehen und die 3 striche"). */
.nav-toggle-label { font-size: .82rem; font-weight: 600; letter-spacing: .02em; }
/* Bugfix 20.08.2026 (Nutzer-Report per Screenshot: "DogiCrew"-Knopf/Badge
rechts abgeschnitten): die Schwelle war schon zweimal angehoben (880 ->
@@ -1463,7 +1478,7 @@ header.site-header {
rechte Kante, egal wie breit die Marke daneben ist. Ohne das stand er
direkt hinter der Marke und wurde auf schmalen Bildschirmen rechts aus
dem Bild geschoben (siehe Bugfix-Block bei @media max-width:620px). */
.nav-toggle { display: block; margin-left: auto; }
.nav-toggle { display: flex; margin-left: auto; }
.nav-links {
position: fixed;
inset: 62px 0 0 0;
@@ -1472,7 +1487,19 @@ header.site-header {
align-items: stretch;
padding: 1.2rem 6vw;
gap: .3rem;
transform: translateY(-110%);
/* Bugfix 21.08.2026 (beim Testen des "Menü"-Knopf-Umbaus entdeckt, per
Playwright reproduziert): -110% verschiebt das Panel um 110% SEINER
EIGENEN Höhe -- das reicht nur dann sicher aus, wenn das Panel
mindestens 10x so hoch ist wie der "inset:62px"-Versatz oben
(Rechnung: Panel-Unterkante landet bei 62px - 10%-der-Panelhöhe).
Ist das Menü kürzer (z.B. weniger Punkte, oder der Kopfbereich wurde
etwas höher wie gerade eben durch den neuen "Menü"-Text), ragte die
UNTERKANTE des eigentlich geschlossenen Panels ein paar Pixel ins
Bild -- sichtbar wurde ausgerechnet der Sprachschalter (das farbige
"DE"-Pillenelement steht ganz unten in der Liste). Robuster Ersatz:
zusätzlich zu -100% (= exakt die eigene Höhe) ein FESTER Puffer, der
unabhängig von Panel- und Kopfbereichshöhe immer ausreicht. */
transform: translateY(calc(-100% - 200px));
transition: transform .25s ease;
overflow-y: auto;
/* Bugfix 21.08.2026 (Handy im QUERFORMAT): das zugeklappte Panel wird um
@@ -2787,6 +2814,53 @@ footer.site-footer {
.hero-cinematic .hero-grid h3 { font-size: 1.45rem; }
.hero-cinematic .hero-grid p { font-size: 1.05rem; }
/* Bugfix 21.08.2026 (Nutzer-Report per Bild: "der hintergrund da nicht genau,
der soll genau hinter dem text sein so dass es schön aussieht und man das
bild auch sieht hinter dem text").
Ursache: .hero-artwork hat "inset:0" -- es füllt also die GESAMTE Höhe von
.hero-cinematic, und diese Sektion umschließt nicht nur die Überschrift,
sondern auch die 3 Welt-Kacheln darunter. Auf Desktop ist das unauffällig
(Sektion ist nicht viel höher als das Bild), aber auf dem Handy wird die
Sektion durch den 4-zeilig umbrechenden Titel + Kacheln SEHR hoch (~1570px
bei 390px Breite) -- das Bild (16:9, per background-size:contain an die
Breite angepasst) wird dadurch nur rund 220px hoch und mittig in dieser
riesigen Fläche zentriert. Ergebnis: das Bild landete als schmaler Streifen
irgendwo zwischen den Buttons und den Welt-Kacheln -- nicht hinter der
Überschrift, für die es eigentlich gedacht ist.
Fix: .hero-artwork bekommt auf dem Handy sein eigenes, festes Seiten-
verhältnis (4:3, per Bildschirmtests etwas höher als 16:9 gewählt --
zeigt mehr vom Bild und lässt den Verlauf sanfter ausklingen) und wird
von OBEN verankert statt über die volle (riesige) Höhe zentriert. Damit
sitzt es exakt dort, wo die Überschrift beginnt. background-size wechselt
auf "cover" (statt "contain") -- bei diesem moderateren Seitenverhältnis
bleibt der Ausschnitt erkennbar (nicht wie bei "cover" auf die volle
Sektionshöhe stark eingezoomt), füllt aber die Box randlos.
Verlauf (::after) eigens für die jetzt kürzere Box abgestimmt: die
Desktop-Version fasst den Übergang über die ganze (dort kürzere) Sektion
zusammen -- 1:1 auf die neue, kleinere Handy-Box übertragen, wäre der
Übergang zu abrupt (an mehreren Bildschirmbreiten mit Playwright
gegengeprüft) gewesen. Bewusst nur bis 760px (bestehende Schwelle dieser
Seite für "Handy-Layout" u.a. bei .hero-grid) -- ab da reicht wieder die
normale Desktop-Logik. */
@media (max-width: 760px) {
.hero-artwork {
top: 0; left: 0; right: 0; bottom: auto;
aspect-ratio: 4 / 3;
height: auto;
}
.hero-artwork::before {
background-size: cover, cover;
background-position: center 25%, center;
}
.hero-artwork::after {
background:
radial-gradient(ellipse 130% 90% at 50% 35%, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .5) 65%, rgba(0, 0, 0, .8) 100%),
linear-gradient(to bottom, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .4) 45%, rgba(0, 0, 0, .7) 78%, var(--bg) 100%);
}
}
/* ==========================================================================
CHARAKTER-SHOWCASE — die zwei Artworks groß, scharf und komplett sichtbar
========================================================================== */
assets/js/main.js
+7 -1
View File
@@ -117,6 +117,12 @@
Mobil-Menü-Fix vom selben Tag) kaum Platz ist. */
nav_cta_abo_soon: { de: "Bald", "de-CH": "Bald", en: "Soon", fr: "Bientôt", pt: "Em breve" },
nav_toggle_aria: { de: "Menü öffnen", "de-CH": "Menü uftue", en: "Open menu", fr: "Ouvrir le menu", pt: "Abrir menu" },
/* Sichtbarer Text NEBEN den drei Strichen (21.08.2026, Nutzer-Report per
Bild: "da soll auch menü stehen und die 3 striche"). Vorher stand nur
das Symbol ☰ da -- für jemanden, der ein Hamburger-Menü-Symbol noch nie
gesehen hat, ist nicht selbsterklärend, dass sich dahinter die
Navigation verbirgt. */
nav_toggle_label: { de: "Menü", "de-CH": "Menü", en: "Menu", fr: "Menu", pt: "Menu" },
sprache_aria: { de: "Sprache wählen", "de-CH": "Sprach uswähle", en: "Choose language", fr: "Choisir la langue", pt: "Escolher idioma" },
brand_tagline: {
de: "Streamer · Community · HasiDog · Manager",
@@ -550,7 +556,7 @@
<small>${t("brand_tagline")}</small>
</span>
</a>
<button class="nav-toggle" type="button" aria-label="${t("nav_toggle_aria")}" aria-expanded="false">☰</button>
<button class="nav-toggle" type="button" aria-label="${t("nav_toggle_aria")}" aria-expanded="false"><span aria-hidden="true">☰</span><span class="nav-toggle-label">${t("nav_toggle_label")}</span></button>
<nav class="nav-links">
${NAV.map(renderNavItem).join("")}
${renderSprachSchalter()}
bewerben-creator.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/i18n-bewerben-creator.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/forms.js?v=20260821t"></script>
<script src="assets/js/i18n-bewerben-creator.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
bewerben-kooperation.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/forms.js?v=20260821t"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
bewerben-modi.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-modi.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-modi-mobile.jpg');">
<div id="site-header"></div>
@@ -79,8 +79,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260821s"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/forms.js?v=20260821t"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
bewerben-scout.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-scout.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-scout-mobile.jpg');">
<div id="site-header"></div>
@@ -71,8 +71,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260821s"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/forms.js?v=20260821t"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
bewerben.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-bewerben.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
casper.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-casper.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
community.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-community.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
creator.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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>
@@ -60,9 +60,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-creator.js?v=20260821s"></script>
<script src="assets/js/i18n-creator.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-creator.js?v=20260821t"></script>
<script src="assets/js/i18n-creator.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
document.addEventListener("DOMContentLoaded", async () => {
const grid = document.getElementById("creator-grid");
dogfather.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-dogfather.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
gate.html
+16 -3
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<style>
/* =====================================================================
Zugangsseite — bewusst kein braves Standard-Login-Formular, sondern
@@ -244,7 +244,20 @@
.gate-card .gate-fehler { margin-top: .7rem; }
@media (max-width: 480px) {
.gate-cards { flex-direction: column; align-items: center; }
.gate-card { max-width: 300px; width: 100%; }
/* Bugfix 21.08.2026 (Nutzer-Report per Bild: "sieht man die buttons
nicht ganz wenn man auf dem handy schaut"). Ursache: .gate-card trägt
"flex: 1 1 220px" für die Desktop-Reihe (220px = gewünschte BREITE).
Sobald .gate-cards hier auf flex-direction:column umschaltet, gilt
diese Zahl aber für die HÖHE, nicht mehr die Breite -- die Karte
wurde dadurch zwangsweise auf genau 220px Höhe gequetscht. Normal
verhindert das ein unsichtbares Mindestmaß (min-height:auto), aber
.gate-card hat "overflow:hidden" gesetzt, was dieses Mindestmaß laut
Spezifikation auf 0 zurücksetzt -- der "Öffnen"-Knopf (der bei
normaler, am Inhalt orientierter Höhe locker hineingepasst hätte)
wurde dadurch unten abgeschnitten. flex:none macht die Karte wieder
so hoch wie ihr Inhalt braucht, width:100% (samt max-width darüber)
bestimmt weiterhin allein die Breite. */
.gate-card { max-width: 300px; width: 100%; flex: none; }
}
/* ---------- Countdown zum öffentlichen Start (21.08.2026) ----------
hasidog.html
+6 -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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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>
@@ -186,7 +186,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-hasidog.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-hasidog.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
index.html
+8 -8
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="start-seite">
<div id="site-header"></div>
@@ -290,10 +290,10 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260821s"></script>
<script src="assets/js/data-scouts.js?v=20260821s"></script>
<script src="assets/js/i18n-index.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-modis.js?v=20260821t"></script>
<script src="assets/js/data-scouts.js?v=20260821t"></script>
<script src="assets/js/i18n-index.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></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.
kontakt.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-kontakt.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
links.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-links.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
(function () {
document.addEventListener("DOMContentLoaded", function () {
manager.html
+7 -7
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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>
@@ -139,9 +139,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-manager.js?v=20260821s"></script>
<script src="assets/js/i18n-manager.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-manager.js?v=20260821t"></script>
<script src="assets/js/i18n-manager.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
// "Weitere Manager" (21.08.2026) -- siehe Kommentar bei #weitere-manager-root
// oben. Aktuell IMMER window.MANAGERS === [] (siehe data-manager.js), Inhalt
medien-casper.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="mit-hintergrund" data-welt="casper" style="--page-bg:url('/assets/img/bg-medien-casper.jpg');--page-bg-mobile:url('/assets/img/bg-medien-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=20260821s"></script>
<script src="assets/js/data-videos.js?v=20260821s"></script>
<script src="assets/js/medien-welt.js?v=20260821s"></script>
<script src="assets/js/i18n-medien-casper.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-media.js?v=20260821t"></script>
<script src="assets/js/data-videos.js?v=20260821t"></script>
<script src="assets/js/medien-welt.js?v=20260821t"></script>
<script src="assets/js/i18n-medien-casper.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
medien-dogfather.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/data-videos.js?v=20260821s"></script>
<script src="assets/js/data-aktionen.js?v=20260821s"></script>
<script src="assets/js/medien-welt.js?v=20260821s"></script>
<script src="assets/js/i18n-medien-dogfather.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-media.js?v=20260821t"></script>
<script src="assets/js/data-videos.js?v=20260821t"></script>
<script src="assets/js/data-aktionen.js?v=20260821t"></script>
<script src="assets/js/medien-welt.js?v=20260821t"></script>
<script src="assets/js/i18n-medien-dogfather.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
medien-hasidog.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="mit-hintergrund" data-welt="hasidog" style="--page-bg:url('/assets/img/bg-medien-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-medien-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=20260821s"></script>
<script src="assets/js/data-videos.js?v=20260821s"></script>
<script src="assets/js/data-aktionen.js?v=20260821s"></script>
<script src="assets/js/medien-welt.js?v=20260821s"></script>
<script src="assets/js/i18n-medien-hasidog.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-media.js?v=20260821t"></script>
<script src="assets/js/data-videos.js?v=20260821t"></script>
<script src="assets/js/data-aktionen.js?v=20260821t"></script>
<script src="assets/js/medien-welt.js?v=20260821t"></script>
<script src="assets/js/i18n-medien-hasidog.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
profil.html
+10 -10
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<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,12 +130,12 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260821s"></script>
<script src="assets/js/data-scouts.js?v=20260821s"></script>
<script src="assets/js/data-creator.js?v=20260821s"></script>
<script src="assets/js/data-manager.js?v=20260821s"></script>
<script src="assets/js/i18n-profil.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-modis.js?v=20260821t"></script>
<script src="assets/js/data-scouts.js?v=20260821t"></script>
<script src="assets/js/data-creator.js?v=20260821t"></script>
<script src="assets/js/data-manager.js?v=20260821t"></script>
<script src="assets/js/i18n-profil.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
document.addEventListener("DOMContentLoaded", async () => {
const slug = new URLSearchParams(location.search).get("p") || "";
rabattcodes.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-rabattcodes.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
(function () {
document.addEventListener("DOMContentLoaded", function () {
stimmen.html
+8 -8
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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>
@@ -102,9 +102,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-stimmen-avatare.js?v=20260821s"></script>
<script src="assets/js/i18n-stimmen.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/stimmen.js?v=20260821s"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260821t"></script>
<script src="assets/js/i18n-stimmen.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script src="assets/js/stimmen.js?v=20260821t"></script>
</body>
</html>
streamer.html
+6 -6
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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>
@@ -217,7 +217,7 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-streamer.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-streamer.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
streamplan.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260821s');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260821s');">
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260821t');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260821t');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260821s" alt="" loading="eager" /></div>
<div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260821t" 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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/streamplan.js?v=20260821s"></script>
<script src="assets/js/i18n-streamplan.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script src="assets/js/streamplan.js?v=20260821t"></script>
</body>
</html>
supporter.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<style>
/* =====================================================================
Supporter-Bereich — komplett neu gestaltet (Nutzer-Feedback
@@ -515,9 +515,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-supporter.js?v=20260821s"></script>
<script src="assets/js/supporter.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-supporter.js?v=20260821t"></script>
<script src="assets/js/supporter.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
(function () {
const S = window.DogiSupporter;
team-modis.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-modis.jpg');--page-bg-mobile:url('/assets/img/bg-modis.jpg');">
<div id="site-header"></div>
@@ -72,9 +72,9 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260821s"></script>
<script src="assets/js/i18n-team-modis.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-modis.js?v=20260821t"></script>
<script src="assets/js/i18n-team-modis.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const grid = document.getElementById("modis-grid");
team-scouts.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/i18n-team-scouts.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/data-scouts.js?v=20260821t"></script>
<script src="assets/js/i18n-team-scouts.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const grid = document.getElementById("scouts-grid");
tt-muddi.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-tt-muddi.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
vanvan.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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-vanvan.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
verwaltung.html
+11 -11
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
<style>
/* =====================================================================
verwaltung.html — Dogis privater Command-Center-Bereich.
@@ -1232,13 +1232,13 @@
<!-- 21.08.2026: für den "Bestehende Mitglieder importieren"-Knopf in der
Team-Verwaltung -- liest die von Hand gepflegten Profile aus diesen
Dateien aus und bietet an, sie 1:1 in die Datenbank zu übernehmen. -->
<script src="assets/js/data-modis.js?v=20260821s"></script>
<script src="assets/js/data-scouts.js?v=20260821s"></script>
<script src="assets/js/data-creator.js?v=20260821s"></script>
<script src="assets/js/data-manager.js?v=20260821s"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/admin-auth.js?v=20260821s"></script>
<script src="assets/js/data-modis.js?v=20260821t"></script>
<script src="assets/js/data-scouts.js?v=20260821t"></script>
<script src="assets/js/data-creator.js?v=20260821t"></script>
<script src="assets/js/data-manager.js?v=20260821t"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script src="assets/js/admin-auth.js?v=20260821t"></script>
<script>
(function () {
const API_BASE_URL = "https://postfach.dogfather-universe.com";
werte.html
+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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-werte.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
</body>
</html>
zeitreise.html
+6 -6
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=20260821s" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821s" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821t" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821t" />
</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>
@@ -237,8 +237,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-zeitreise.js?v=20260821s"></script>
<script src="assets/js/main.js?v=20260821s"></script>
<script src="assets/js/i18n-zeitreise.js?v=20260821t"></script>
<script src="assets/js/main.js?v=20260821t"></script>
<script>
/* Wachstums-Reveal: Äste blenden sich beim Scrollen sanft ein — passt
zum "wachsenden Baum"-Konzept dieser Seite. Rein page-lokal, betrifft