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

Startseite hochwertiger: Typografie, Weltfarben, Event-Karte

Browse Source 
Wunsch 27.08.2026: "soll nur noch hochwertiger und professioneller
aussehen." Kein neues Design, sondern die Details, die den Unterschied
zwischen "gemacht" und "gesetzt" ausmachen:

- Ueberschrift enger gesetzt (-.022em, Zeilenabstand 1.08, text-wrap:
  balance). Bei 4rem wirkt normale Laufweite auseinandergefallen; die
  drei Zeilen verteilen sich jetzt gleichmaessig statt mit kurzer
  Restzeile.
- Jede Welt-Kachel traegt die Farbe IHRER Welt statt dreimal derselben:
  Babyblau, Silber, das gedeckte Rot von Spicy Media. Die Werte sind
  nicht erfunden, sondern die --accent-Toene der drei Themendateien.
- Plaketten ("WELT 1") klein, in Versalien, weit gesperrt -- liest sich
  als Kapitelmarke statt als Beschriftung.
- Event-Karte: Datum als gesperrte Versalzeile (ordnet sich dem Titel
  unter), "Mehr erfahren" als ruhiger Knopf statt nacktem Textlink,
  Haarlinie am Bild, Text auf 5 Zeilen begrenzt -- damit nicht die
  Textlaenge aus der Verwaltung das Aussehen der Startseite bestimmt und
  bei zwei Events beide Kacheln gleich hoch sind (geprueft: 572/572px).

ZWEI FUNDE BEIM PRUEFEN, BEIDE WICHTIGER ALS DER FEINSCHLIFF:

1. INHALTSRICHTLINIE UND ZEILENENDEN. Der Browser rechnet die Pruefsumme
   eines Inline-Skripts NICHT ueber die Bytes der Datei, sondern ueber
   den Text im Dokument -- und der HTML-Parser ersetzt beim Einlesen
   jedes CR LF durch LF (HTML-Spezifikation, "preprocessing the input
   stream"). Eine Datei mit Windows-Zeilenenden ergibt serverseitig also
   eine ANDERE Summe, und die Seite fuehrt ihr eigenes Skript nicht mehr
   aus: kein Live-Status, keine Events, nichts. Live war es unauffaellig
   (Linux-Auscheckung hat LF), auf dem Windows-Rechner sofort tot
   (core.autocrlf=true). inhaltsrichtlinie.js vereinheitlicht jetzt vor
   dem Rechnen auf LF -- das ist die Summe, die der Browser wirklich
   bildet, und macht die Richtlinie unabhaengig davon, mit welchem
   Werkzeug eine Datei zuletzt gespeichert wurde.

2. TESTS MIT FESTEM PORT KOENNEN LUEGEN. Drei Server aus frueheren
   Laeufen liefen noch. Neue Testlaeufe konnten ihren Port nicht belegen,
   starben still -- und massen weiter gegen den ALTEN Code. Ergebnis
   waren Fehlermeldungen zu einem laengst behobenen Fehler. pruef-musik,
   pruef-kasse und pruef-startseite suchen sich jetzt einen freien Port.

Neuer Test pruef-startseite.mjs (19 Pruefungen) mit FESTEN Event-Daten:
Beim Pruefen kam einmal nichts vom Server, der Abschnitt blieb leer und
der Test haette "kein Fehler" gemeldet, obwohl er nichts gesehen hat.
Geprueft werden Maske am Artwork, genau eine Kachel bei einem Event,
volle Breite, saubere Textkuerzung auf ganze Zeilen, eigene Weltfarben,
zwei gleich hohe Kacheln bei zwei Events, Handy ohne Ueberlauf.

Alles gruen: startseite 19, musik 17, kasse 15, inhaltsrichtlinie 22,
handy 56.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-08-27 16:06:09 +02:00
co-authored by Claude Opus 5
parent 57d90b9905
commit 43264c0990
40 changed files with 668 additions and 269 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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-404.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<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=20260828d"></script>
<script src="assets/js/supporter.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-abonnieren.js?v=20260828e"></script>
<script src="assets/js/supporter.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</head>
<body>
<div id="site-header"></div>
@@ -134,6 +134,6 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-aktion-detail.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-aktionen.js?v=20260828e"></script>
<script src="assets/js/i18n-aktion-detail.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const params = new URLSearchParams(location.search);
assets/css/main.css
+126 -16
View File
@@ -1925,17 +1925,58 @@ header.site-header {
}
@keyframes jahres-event-goldglanz { 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .jahres-event-shine { animation: none; opacity: .6; } }
/* Datum als gesperrte Versalzeile: eine Zeitangabe ist eine Marke, keine
Überschrift. So ordnet sie sich dem Titel unter, statt mit ihm zu
konkurrieren (Feinschliff 27.08.2026). */
.jahres-event-datum {
display: block;
color: #e8c465;
color: #d9b45c;
font-weight: 700;
font-size: .82rem;
letter-spacing: .02em;
font-size: .72rem;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: .3rem;
}
.jahres-event-card h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
.jahres-event-card p { margin: 0 0 .6rem; color: var(--text-muted); font-size: .93rem; line-height: 1.55; }
.jahres-event-mehr { color: #e8c465; font-weight: 600; font-size: .88rem; }
/* Der Text kommt aus der Verwaltung und kann beliebig lang sein. Fünf
Zeilen halten die Karte in Form, egal was jemand einträgt — der
vollständige Text steht ohnehin im Fenster, das ein Klick öffnet.
Ohne diese Grenze bestimmt die Textlänge das Aussehen der Startseite,
und bei zwei Events stünden zwei unterschiedlich hohe Kacheln
nebeneinander. Gekürzt wird mit Auslassungspunkten, nicht mit einer
mitten durchgeschnittenen Zeile (siehe Hülle in index.html). */
.jahres-event-textwrap p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* "Mehr erfahren" war ein nackter Textlink in einer Karte, die man als
Ganzes anklickt — er sah aus wie vergessener Fließtext. Als ruhiger
Knopf ist sofort klar, dass hier etwas passiert; er reagiert mit der
ganzen Karte, weil die Karte selbst der Schalter ist. */
.jahres-event-mehr {
display: inline-flex;
align-items: center;
gap: .45rem;
padding: .52rem 1.05rem;
border-radius: 999px;
border: 1px solid rgba(212, 175, 55, .40);
background: rgba(212, 175, 55, .07);
color: #e8c465;
font-weight: 600;
font-size: .86rem;
transition: background .18s ease, border-color .18s ease;
}
.jahres-event-card:hover .jahres-event-mehr,
.jahres-event-card:focus-visible .jahres-event-mehr {
background: rgba(212, 175, 55, .14);
border-color: rgba(212, 175, 55, .65);
}
/* Das Bild bekommt eine Haarlinie als Rahmen — ohne sie schwimmt eine
dunkle Fotokante im dunklen Kartenhintergrund. */
.jahres-event-bild:not([hidden]) { border: 1px solid rgba(255, 255, 255, .07); }
/* Genau EIN aktives Event (27.08.2026 neu gebaut).
VORHER: eine 480px schmale Kachel, zentriert in einer 1180px breiten
@@ -1984,9 +2025,20 @@ header.site-header {
stehen im HTML als Geschwister nebeneinander, deshalb hier ein eigenes
Unter-Raster statt eines zusätzlichen <div> im Markup — so bleibt die
Vorlage in der Verwaltung unverändert. */
.jahres-events-grid-einzeln .jahres-event-datum { grid-column: 2; margin-bottom: .15rem; }
.jahres-events-grid-einzeln .jahres-event-card h3 { grid-column: 2; font-size: 1.5rem; margin-bottom: .5rem; }
.jahres-events-grid-einzeln .jahres-event-card p { grid-column: 2; font-size: 1rem; margin-bottom: .8rem; }
.jahres-events-grid-einzeln .jahres-event-datum { grid-column: 2; margin-bottom: .35rem; }
.jahres-events-grid-einzeln .jahres-event-card h3 {
grid-column: 2;
font-size: 1.5rem;
line-height: 1.22;
letter-spacing: -.012em;
margin-bottom: .55rem;
}
.jahres-events-grid-einzeln .jahres-event-textwrap { grid-column: 2; margin-bottom: 1.05rem; }
.jahres-events-grid-einzeln .jahres-event-card p {
font-size: 1rem;
line-height: 1.62;
margin-bottom: 0;
}
.jahres-events-grid-einzeln .jahres-event-mehr { grid-column: 2; justify-self: start; }
.jahres-events-grid-einzeln .jahres-event-bild:not([hidden]) { grid-column: 1; grid-row: 1 / -1; }
@@ -2996,9 +3048,25 @@ footer.site-footer {
Status-Kästchen, Buttons) auf großen PC-Bildschirmen zu klein — hier
moderat vergrößert, ohne die mobile Größe (untere Klammer der clamp()s)
anzufassen. */
.hero-cinematic h1 { font-size: clamp(2.3rem, 6.2vw, 4.2rem); }
.hero-cinematic .lead { font-size: clamp(1.25rem, 1.9vw, 1.55rem); }
.hero-cinematic .eyebrow { font-size: .95rem; }
/* Feinschliff 27.08.2026: Je größer eine Schrift gesetzt ist, desto mehr
Luft steht zwischen den Buchstaben — bei 4rem wirkt normale Laufweite
auseinandergefallen. Negative Sperrung und engerer Zeilenabstand sind
der Unterschied zwischen "groß geschrieben" und "gesetzt". text-wrap:
balance verteilt die drei Zeilen gleichmäßig, statt eine kurze
Restzeile stehen zu lassen. */
.hero-cinematic h1 {
font-size: clamp(2.3rem, 6.2vw, 4.2rem);
letter-spacing: -.022em;
line-height: 1.08;
text-wrap: balance;
}
.hero-cinematic .lead {
font-size: clamp(1.25rem, 1.9vw, 1.55rem);
max-width: 34ch;
margin-left: auto;
margin-right: auto;
}
.hero-cinematic .eyebrow { font-size: .88rem; letter-spacing: .2em; }
.hero-cinematic .card { padding: 1.3rem 1.8rem; }
.hero-cinematic .card .badge { font-size: .9rem; }
.hero-cinematic .card .small { font-size: 1.05rem; }
@@ -3012,25 +3080,67 @@ footer.site-footer {
oben, wie ihn eine Fläche bekommt, auf die Licht von vorne fällt —
dadurch gehören sie sichtbar zur selben Szene. Deckkraft bleibt hoch
genug, dass der Text ruhig lesbar bleibt (Projektregel: augenschonend
vor Effekt). */
vor Effekt).
FEINSCHLIFF 27.08.2026 ("soll nur noch hochwertiger und professioneller
aussehen"): Jede Kachel trägt jetzt die Farbe IHRER Welt statt dreimal
derselben Standardfarbe — Babyblau für DogFather, Silber für HasiDog,
das gedeckte Rot von Spicy Media für den Manager. Die Werte sind nicht
erfunden, sondern exakt die --accent-Töne der drei Themen-Dateien; die
Kacheln führen damit sichtbar in die Welt, in die sie verlinken.
Übernommen wird der Ton an drei Stellen: Lichtsaum, Plakette und
Rahmen beim Darüberfahren — dezent, nicht als Farbanstrich. */
.hero-cinematic .hero-grid .card {
position: relative;
--welt: var(--accent);
padding: 1.75rem 1.5rem 1.65rem;
background: linear-gradient(180deg, rgba(22, 26, 35, .88), rgba(14, 17, 23, .92));
border-color: rgba(255, 255, 255, .11);
border-color: rgba(255, 255, 255, .10);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
box-shadow: 0 14px 38px rgba(0, 0, 0, .40);
transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.hero-cinematic .hero-grid .card[data-theme="dogfather"] { --welt: #8fd9ea; }
.hero-cinematic .hero-grid .card[data-theme="hasidog"] { --welt: #c7ccd1; }
.hero-cinematic .hero-grid .card[data-theme="spicymedia"] { --welt: #d94a5c; }
.hero-cinematic .hero-grid .card::before {
content: "";
position: absolute;
top: 0; left: 12%; right: 12%;
top: 0; left: 14%; right: 14%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .30), transparent);
background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--welt) 60%, transparent), transparent);
opacity: .75;
transition: opacity .18s ease;
pointer-events: none;
}
.hero-cinematic .hero-grid .card:hover { box-shadow: 0 18px 46px rgba(0, 0, 0, .5); }
.hero-cinematic .hero-grid .tag { font-size: .8rem; }
.hero-cinematic .hero-grid .card:hover,
.hero-cinematic .hero-grid .card:focus-visible {
border-color: color-mix(in srgb, var(--welt) 45%, transparent);
box-shadow: 0 18px 46px rgba(0, 0, 0, .5);
}
.hero-cinematic .hero-grid .card:hover::before { opacity: 1; }
/* Plakette: kleiner, in Versalien und weit gesperrt. Das liest sich als
Kapitelmarke ("Welt 1") statt als Beschriftung und ist der Grund,
warum dieselbe Kachel plötzlich wertiger wirkt — nicht mehr Farbe. */
.hero-cinematic .hero-grid .tag {
font-size: .68rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--welt);
border-color: color-mix(in srgb, var(--welt) 40%, transparent);
background: color-mix(in srgb, var(--welt) 9%, transparent);
}
/* Überschrift enger gesetzt (große Schrift braucht weniger Laufweite),
Fließtext mit ruhigerem Zeilenabstand und begrenzter Zeilenlänge —
sonst franst der zentrierte Satz unregelmäßig aus. */
.hero-cinematic .hero-grid h2 { letter-spacing: -.012em; line-height: 1.18; margin-top: .55rem; }
.hero-cinematic .hero-grid p {
line-height: 1.62;
max-width: 31ch;
margin-left: auto;
margin-right: auto;
}
.hero-cinematic .hero-grid h3 { font-size: 1.45rem; }
.hero-cinematic .hero-grid p { font-size: 1.05rem; }
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-bewerben-creator.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/forms.js?v=20260828e"></script>
<script src="assets/js/i18n-bewerben-creator.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/forms.js?v=20260828e"></script>
<script src="assets/js/i18n-bewerben-kooperation.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/forms.js?v=20260828e"></script>
<script src="assets/js/i18n-bewerben-modi.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/forms.js?v=20260828e"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-bewerben.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-casper.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-community.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-creator.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-creator.js?v=20260828e"></script>
<script src="assets/js/i18n-creator.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-dogfather.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
</body>
</html>
gate.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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<style>
/* =====================================================================
Zugangsseite — bewusst kein braves Standard-Login-Formular, sondern
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-hasidog.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
</body>
</html>
index.html
+27 -11
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</head>
<body class="start-seite">
<div id="site-header"></div>
@@ -41,7 +41,7 @@
Bildschirm ist; ein CSS-Hintergrund kann das nicht, weil die Kante
dort je nach Fensterformat woanders liegt. -->
<div class="hero-artwork" aria-hidden="true">
<img class="hero-artwork-scharf" src="assets/img/universe-trio.jpg?v=20260828d"
<img class="hero-artwork-scharf" src="assets/img/universe-trio.jpg?v=20260828e"
width="1600" height="900" alt="" fetchpriority="high" decoding="async" />
</div>
@@ -111,7 +111,15 @@
<img class="jahres-event-bild" alt="" hidden />
<span class="jahres-event-datum"></span>
<h3></h3>
<p></p>
<!-- Hülle um den Absatz (27.08.2026): Die Kürzung auf feste
Zeilenzahl (-webkit-line-clamp) wirkt NICHT, wenn der Absatz
selbst ein Raster-Kind ist -- der Browser wandelt sein
display dann um (gemessen: "flow-root"), und statt sauber
gekürztem Text wird eine Zeile mittendurch abgeschnitten.
Mit dieser Hülle ist der Absatz wieder ein normaler Block,
und die Kürzung greift. karte.querySelector("p") findet ihn
unverändert, die Verwaltungs-Logik bleibt also gleich. -->
<div class="jahres-event-textwrap"><p></p></div>
<span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Mehr erfahren →</span>
</button>
<button type="button" class="jahres-event-card" id="jahres-event-2" data-slot="2" hidden>
@@ -119,7 +127,15 @@
<img class="jahres-event-bild" alt="" hidden />
<span class="jahres-event-datum"></span>
<h3></h3>
<p></p>
<!-- Hülle um den Absatz (27.08.2026): Die Kürzung auf feste
Zeilenzahl (-webkit-line-clamp) wirkt NICHT, wenn der Absatz
selbst ein Raster-Kind ist -- der Browser wandelt sein
display dann um (gemessen: "flow-root"), und statt sauber
gekürztem Text wird eine Zeile mittendurch abgeschnitten.
Mit dieser Hülle ist der Absatz wieder ein normaler Block,
und die Kürzung greift. karte.querySelector("p") findet ihn
unverändert, die Verwaltungs-Logik bleibt also gleich. -->
<div class="jahres-event-textwrap"><p></p></div>
<span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Mehr erfahren →</span>
</button>
</div>
@@ -302,10 +318,10 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260828d"></script>
<script src="assets/js/data-scouts.js?v=20260828d"></script>
<script src="assets/js/i18n-index.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-modis.js?v=20260828e"></script>
<script src="assets/js/data-scouts.js?v=20260828e"></script>
<script src="assets/js/i18n-index.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-kontakt.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<style>
/* Rabattcodes: an das Supporter-Abo gekoppelt (Nutzer-Feedback
03.08.2026: "verbinde es mit dem Abo... wenn die Leute drauf drücken
@@ -145,8 +145,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-links.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-links.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-manager.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-manager.js?v=20260828e"></script>
<script src="assets/js/i18n-manager.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/data-videos.js?v=20260828d"></script>
<script src="assets/js/medien-welt.js?v=20260828d"></script>
<script src="assets/js/i18n-medien-casper.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-media.js?v=20260828e"></script>
<script src="assets/js/data-videos.js?v=20260828e"></script>
<script src="assets/js/medien-welt.js?v=20260828e"></script>
<script src="assets/js/i18n-medien-casper.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/data-videos.js?v=20260828d"></script>
<script src="assets/js/data-aktionen.js?v=20260828d"></script>
<script src="assets/js/medien-welt.js?v=20260828d"></script>
<script src="assets/js/i18n-medien-dogfather.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-media.js?v=20260828e"></script>
<script src="assets/js/data-videos.js?v=20260828e"></script>
<script src="assets/js/data-aktionen.js?v=20260828e"></script>
<script src="assets/js/medien-welt.js?v=20260828e"></script>
<script src="assets/js/i18n-medien-dogfather.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/data-videos.js?v=20260828d"></script>
<script src="assets/js/data-aktionen.js?v=20260828d"></script>
<script src="assets/js/medien-welt.js?v=20260828d"></script>
<script src="assets/js/i18n-medien-hasidog.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-media.js?v=20260828e"></script>
<script src="assets/js/data-videos.js?v=20260828e"></script>
<script src="assets/js/data-aktionen.js?v=20260828e"></script>
<script src="assets/js/medien-welt.js?v=20260828e"></script>
<script src="assets/js/i18n-medien-hasidog.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<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=20260828d"></script>
<script src="assets/js/data-scouts.js?v=20260828d"></script>
<script src="assets/js/data-creator.js?v=20260828d"></script>
<script src="assets/js/data-manager.js?v=20260828d"></script>
<script src="assets/js/i18n-profil.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-modis.js?v=20260828e"></script>
<script src="assets/js/data-scouts.js?v=20260828e"></script>
<script src="assets/js/data-creator.js?v=20260828e"></script>
<script src="assets/js/data-manager.js?v=20260828e"></script>
<script src="assets/js/i18n-profil.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<script>
document.addEventListener("DOMContentLoaded", async () => {
const slug = new URLSearchParams(location.search).get("p") || "";
pruef-kasse.mjs
+11 -1
View File
@@ -30,11 +30,21 @@
===================================================================== */
import { chromium } from "playwright";
import { spawn } from "node:child_process";
import { createServer } from "node:net";
import { dirname, join } from "node:path";
import { fileURLToPath } from "node:url";
const HIER = dirname(fileURLToPath(import.meta.url));
const PORT = 4435;
/* Freien Port suchen statt festen nehmen: Laeuft noch ein Server aus einem
frueheren Lauf, kann der neue seinen Port nicht belegen, stirbt still --
und der Test misst gegen den ALTEN Code. Genau das ist am 27.08.2026
passiert und hat fast zu einer Fehlersuche in die falsche Richtung
gefuehrt. */
const PORT = await new Promise((auf, ab) => {
const probe = createServer();
probe.on("error", ab);
probe.listen(0, "127.0.0.1", () => { const p = probe.address().port; probe.close(() => auf(p)); });
});
const BASIS = `http://127.0.0.1:${PORT}`;
let ok = 0, fehl = 0;
pruef-musik.mjs
+11 -1
View File
@@ -24,11 +24,21 @@
===================================================================== */
import { chromium } from "playwright";
import { spawn } from "node:child_process";
import { createServer } from "node:net";
import { dirname, join } from "node:path";
import { fileURLToPath } from "node:url";
const HIER = dirname(fileURLToPath(import.meta.url));
const PORT = 4433;
/* Freien Port suchen statt festen nehmen: Laeuft noch ein Server aus einem
frueheren Lauf, kann der neue seinen Port nicht belegen, stirbt still --
und der Test misst gegen den ALTEN Code. Genau das ist am 27.08.2026
passiert und hat fast zu einer Fehlersuche in die falsche Richtung
gefuehrt. */
const PORT = await new Promise((auf, ab) => {
const probe = createServer();
probe.on("error", ab);
probe.listen(0, "127.0.0.1", () => { const p = probe.address().port; probe.close(() => auf(p)); });
});
const BASIS = `http://127.0.0.1:${PORT}`;
let ok = 0, fehl = 0;
pruef-startseite.mjs
+229
View File
@@ -0,0 +1,229 @@
/* =====================================================================
Startseite: Kino-Hintergrund, Welt-Kacheln, "Event des Jahres"
(27.08.2026 — nach "es überschneidet den hintergrund" und
"soll nur noch hochwertiger und professioneller aussehen")
WARUM MIT FESTEN TESTDATEN
Das "Event des Jahres" kommt live von postfach.dogfather-universe.com.
Beim Prüfen kam einmal nichts zurück — der ganze Abschnitt blieb
ausgeblendet und der Test hätte "kein Fehler" gemeldet, obwohl er
schlicht nichts gesehen hat. Deshalb wird die Antwort hier fest
vorgegeben: einmal EIN Event (breite Karte, Bild links) und einmal
ZWEI Events (zwei Kacheln nebeneinander) — beides muss stimmen.
Absichtlich mit einem unangenehm langen Text, denn genau daran
entscheidet sich, ob die Karte in Form bleibt.
Geprüft wird:
1. Das scharfe Artwork ist ein echtes Bild mit weicher Maske —
ohne sie kehren die harten Kanten zurück.
2. Keine leere zweite Event-Kachel (der Fehler vom ersten Entwurf).
3. Die Einzel-Karte nutzt die volle Breite (keine tote Fläche).
4. Langer Text wird sauber gekürzt statt mittendurch geschnitten.
5. Jede Welt-Kachel trägt die Farbe ihrer eigenen Welt.
6. Kein seitlicher Überlauf, auch am Handy nicht.
===================================================================== */
import { chromium } from "playwright";
import { spawn } from "node:child_process";
import { createServer } from "node:net";
import { dirname, join } from "node:path";
import { fileURLToPath } from "node:url";
const HIER = dirname(fileURLToPath(import.meta.url));
/* ⚠️ FREIEN PORT SUCHEN STATT EINEN FESTEN NEHMEN (27.08.2026)
Mit fester Portnummer kann Folgendes passieren, und es ist passiert:
Ein Server aus einem früheren Testlauf läuft noch. Der neue kann den
Port nicht belegen, stirbt still -- und der Test misst fröhlich weiter,
nur eben gegen den ALTEN Code. Ergebnis waren Fehlermeldungen zu einem
Fehler, der längst behoben war, und beinahe eine Fehlersuche in die
völlig falsche Richtung.
Ein freier Port pro Lauf macht das unmöglich. */
const freierPort = await new Promise((auf, ab) => {
const probe = createServer();
probe.on("error", ab);
probe.listen(0, "127.0.0.1", () => {
const p = probe.address().port;
probe.close(() => auf(p));
});
});
const PORT = freierPort;
const BASIS = `http://127.0.0.1:${PORT}`;
let ok = 0, fehl = 0;
const funde = [];
const pruefe = (name, gut, info) => {
if (gut) { ok++; console.log(" ok " + name + (info ? " -> " + info : "")); }
else { fehl++; console.log(" FEHL " + name + (info ? " -> " + info : "")); funde.push(name + " — " + info); }
};
const server = spawn(process.execPath, ["index.js"], {
cwd: join(HIER, "server"),
env: { ...process.env, PORT: String(PORT) },
stdio: "ignore",
});
const beenden = (code) => { try { server.kill(); } catch { /* schon weg */ } process.exit(code); };
const LANGER_TEXT =
"WEIHNACHTEN 2026 Wir sind keine Organisation. Wir sind kein Verein. Wir sind eine private Gruppe von Menschen, " +
"die sich über TikTok kennengelernt hat und gemeinsam etwas Gutes tun möchte. Letztes Jahr haben wir das bereits " +
"gemacht. Vom 1. bis zum 23. Dezember waren wir unterwegs, haben geholfen, unterstützt und gemeinsam versucht, " +
"einigen Tieren und Einrichtungen eine Freude zu machen. Auch dieses Jahr wollen wir wieder gemeinsam losziehen " +
"und möglichst vielen Menschen und Tieren ein Lächeln schenken, ganz ohne großes Aufheben.";
const EVENT = (n) => ({
slot: n,
datum: "01.12.2026",
titel: "WEIHNACHTS´AKTION-2026",
text: LANGER_TEXT,
bild: "/assets/img/universe-trio.jpg",
aktiv: true,
link: "",
});
async function warteAufServer() {
for (let i = 0; i < 40; i++) {
try { if ((await fetch(BASIS + "/index.html")).ok) return; } catch { /* noch nicht oben */ }
await new Promise((r) => setTimeout(r, 250));
}
throw new Error("Server ist nicht hochgekommen");
}
async function seiteMit(browser, viewport, events) {
const seite = await browser.newPage({ viewport });
await seite.route("https://postfach.dogfather-universe.com/**", (route) => {
const pfad = new URL(route.request().url()).pathname;
const daten = pfad === "/events-of-year"
? { ok: true, events }
: { ok: true, live: false, isLive: false, texte: {} };
return route.fulfill({
status: 200,
headers: { "access-control-allow-origin": "*", "content-type": "application/json" },
body: JSON.stringify(daten),
});
});
await seite.goto(BASIS + "/index.html", { waitUntil: "domcontentloaded" });
await seite.waitForSelector(".jahres-event-card:not([hidden])", { timeout: 10000 });
await seite.waitForTimeout(700);
return seite;
}
(async () => {
await warteAufServer();
const browser = await chromium.launch();
/* ---------- 1. Hintergrund ---------- */
console.log("\n== Kino-Hintergrund ==");
const pc = await seiteMit(browser, { width: 1366, height: 900 }, [EVENT(1)]);
const kunst = await pc.evaluate(() => {
const img = document.querySelector(".hero-artwork img");
if (!img) return { da: false };
const st = getComputedStyle(img);
const r = img.getBoundingClientRect();
return {
da: true,
geladen: img.complete && img.naturalWidth > 0,
maske: st.maskImage !== "none" || st.webkitMaskImage !== "none",
passtRein: Math.round(r.width) <= innerWidth + 1,
};
});
pruefe("Artwork ist ein echtes Bild", kunst.da, "");
pruefe("Artwork ist wirklich geladen", kunst.geladen, "");
pruefe("Weiche Maske aktiv (sonst harte Kanten)", kunst.maske, "");
pruefe("Artwork bleibt im Bild", kunst.passtRein, "");
/* ---------- 2. Ein Event: breite Karte ---------- */
console.log("\n== Event des Jahres: EIN Event ==");
const einzeln = await pc.evaluate(() => {
const sicht = (e) => !!(e && (e.offsetWidth || e.offsetHeight));
const alle = [...document.querySelectorAll(".jahres-event-card")];
const k = alle.find(sicht);
const p = k?.querySelector(".jahres-event-textwrap p");
const bild = k?.querySelector(".jahres-event-bild:not([hidden])");
const raster = document.getElementById("jahres-events-grid");
return {
sichtbar: alle.filter(sicht).length,
kartenBreite: k ? Math.round(k.getBoundingClientRect().width) : 0,
rasterBreite: raster ? Math.round(raster.getBoundingClientRect().width) : 0,
bildBreite: bild ? Math.round(bild.getBoundingClientRect().width) : 0,
/* NICHT den display-Wert abfragen: Chrome bildet die Zeilenkürzung
inzwischen intern als "flow-root" ab, obwohl "-webkit-box"
dransteht und die Kürzung einwandfrei arbeitet. Geprüft wird
deshalb das Ergebnis — passt die sichtbare Höhe auf GANZE
Zeilen? Bei der kaputten Fassung waren es 4,5 Zeilen, also eine
mittendurch geschnittene. */
pGekuerzt: p ? p.scrollHeight > p.clientHeight : null,
pRestHoehe: p ? p.scrollHeight - p.clientHeight : null,
pZeilenRest: p ? Math.abs((p.clientHeight / parseFloat(getComputedStyle(p).lineHeight)) % 1) : null,
pZeilen: p ? +(p.clientHeight / parseFloat(getComputedStyle(p).lineHeight)).toFixed(2) : null,
zeilenhoehe: p ? parseFloat(getComputedStyle(p).lineHeight) : 0,
knopfRund: k ? getComputedStyle(k.querySelector(".jahres-event-mehr")).borderRadius : null,
};
});
pruefe("Genau EINE Kachel sichtbar (keine leere zweite)", einzeln.sichtbar === 1, einzeln.sichtbar + " sichtbar");
pruefe("Karte nutzt die volle Breite", einzeln.kartenBreite >= einzeln.rasterBreite - 2, einzeln.kartenBreite + " von " + einzeln.rasterBreite + "px");
pruefe("Bild hat ordentlich Platz", einzeln.bildBreite >= 380, einzeln.bildBreite + "px breit");
pruefe("Kürzung endet auf ganzer Zeile (kein Schnitt mittendurch)",
einzeln.pZeilenRest < 0.06 || einzeln.pZeilenRest > 0.94, einzeln.pZeilen + " Zeilen sichtbar");
pruefe("Langer Text wird tatsächlich gekürzt", einzeln.pGekuerzt === true, "Rest: " + einzeln.pRestHoehe + "px");
pruefe('"Mehr erfahren" ist ein Knopf', einzeln.knopfRund === "999px", einzeln.knopfRund);
/* ---------- 3. Welt-Kacheln ---------- */
console.log("\n== Welt-Kacheln ==");
const welten = await pc.evaluate(() =>
[...document.querySelectorAll(".hero-grid .card")].map((c) => ({
welt: c.dataset.theme,
farbe: getComputedStyle(c.querySelector(".tag")).color,
versalien: getComputedStyle(c.querySelector(".tag")).textTransform,
hoehe: Math.round(c.getBoundingClientRect().height),
}))
);
const farben = welten.map((w) => w.farbe);
pruefe("Jede Welt hat ihre eigene Farbe", new Set(farben).size === 3, farben.join(" / "));
pruefe("Plaketten in Versalien", welten.every((w) => w.versalien === "uppercase"), welten[0]?.versalien);
pruefe("Alle drei Kacheln gleich hoch", new Set(welten.map((w) => w.hoehe)).size === 1, welten.map((w) => w.hoehe).join(", ") + "px");
/* ---------- 4. Zwei Events ---------- */
console.log("\n== Event des Jahres: ZWEI Events ==");
const zwei = await seiteMit(browser, { width: 1366, height: 900 }, [EVENT(1), EVENT(2)]);
const z = await zwei.evaluate(() => {
const sicht = (e) => !!(e && (e.offsetWidth || e.offsetHeight));
const k = [...document.querySelectorAll(".jahres-event-card")].filter(sicht);
return { anzahl: k.length, hoehen: k.map((e) => Math.round(e.getBoundingClientRect().height)),
nebeneinander: k.length === 2 ? Math.abs(k[0].getBoundingClientRect().top - k[1].getBoundingClientRect().top) < 2 : false };
});
pruefe("Zwei Kacheln sichtbar", z.anzahl === 2, z.anzahl + "");
pruefe("Beide nebeneinander", z.nebeneinander, "");
pruefe("Beide exakt gleich hoch", new Set(z.hoehen).size === 1, z.hoehen.join(" / ") + "px");
await zwei.close();
/* ---------- 5. Handy ---------- */
console.log("\n== Handy (390x844) ==");
const handy = await seiteMit(browser, { width: 390, height: 844 }, [EVENT(1)]);
const h = await handy.evaluate(() => {
const k = document.querySelector(".jahres-event-card:not([hidden])");
const bild = k?.querySelector(".jahres-event-bild:not([hidden])");
const r = k.getBoundingClientRect();
return { ueberlauf: document.documentElement.scrollWidth - document.documentElement.clientWidth,
karteImBild: r.left >= -1 && r.right <= innerWidth + 1,
bildOben: bild ? bild.getBoundingClientRect().top < k.querySelector("h3").getBoundingClientRect().top : false };
});
pruefe("Kein seitlicher Überlauf", h.ueberlauf <= 1, h.ueberlauf + "px");
pruefe("Karte passt in den Bildschirm", h.karteImBild, "");
pruefe("Am Handy steht das Bild oben", h.bildOben, "");
await handy.screenshot({ path: "bild-start-handy.png" });
await handy.close();
await pc.screenshot({ path: "bild-start-computer.png" });
await pc.close();
await browser.close();
console.log("\n===== " + ok + " ok, " + fehl + " Fehler =====");
if (funde.length) { console.log("\nOffene Punkte:"); funde.forEach((f) => console.log(" - " + f)); }
beenden(fehl ? 1 : 0);
})().catch((e) => {
console.error("Testlauf abgebrochen:", e.message);
beenden(1);
});
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-rabattcodes.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<script>
(function () {
document.addEventListener("DOMContentLoaded", function () {
server/inhaltsrichtlinie.js
+29 -5
View File
@@ -111,10 +111,31 @@ const merker = new Map();
/* Findet alle Inline-Skriptblöcke und bildet je Block die Prüfsumme.
Wichtig: Gerechnet wird über den Inhalt EXAKT so, wie er zwischen den
Tags steht -- kein Trimmen, keine Umwandlung von Zeilenenden. Der
Browser rechnet über dieselben Bytes; schon ein entferntes Leerzeichen
ergibt eine andere Summe und damit ein blockiertes Skript. */
Gerechnet wird über den Inhalt exakt so, wie er zwischen den Tags
steht -- kein Trimmen. Schon ein entferntes Leerzeichen ergibt eine
andere Summe und damit ein blockiertes Skript.
⚠️ MIT EINER AUSNAHME: ZEILENENDEN (gefunden 27.08.2026)
Der Browser rechnet NICHT über die Bytes der Datei, sondern über den
Text, wie er im Dokument ankommt. Und der HTML-Parser ersetzt beim
Einlesen jedes CR LF und jedes einzelne CR durch ein LF -- das steht
so in der HTML-Spezifikation ("preprocessing the input stream"). Eine
Datei mit Windows-Zeilenenden ergibt also serverseitig eine andere
Summe als im Browser, und die Seite führt ihr eigenes Skript nicht
mehr aus.
Aufgefallen ist es beim Prüfen der Startseite auf dem Windows-Rechner:
Das Skript war blockiert, obwohl die Datei fehlerfrei war -- die
Arbeitskopie hat CR LF (git core.autocrlf=true), das Verzeichnis auf
dem Server hat LF. Live lief es deshalb, lokal nicht. Genau solche
Unterschiede fressen Stunden, weil man den Fehler im eigenen Code
sucht.
Deshalb wird hier auf LF vereinheitlicht, bevor gerechnet wird. Das
ist keine Bequemlichkeit, sondern die Summe, die der Browser wirklich
bildet -- und es macht die Richtlinie unempfindlich dagegen, mit
welchem Werkzeug eine Datei zuletzt gespeichert wurde. */
function summenBilden(html) {
const summen = [];
/* Nur Blöcke OHNE src. Ein <script src="..."> hat keinen Inhalt, der
@@ -124,7 +145,10 @@ function summenBilden(html) {
while ((treffer = muster.exec(html)) !== null) {
const inhalt = treffer[1];
if (!inhalt) continue;
const summe = crypto.createHash("sha256").update(inhalt, "utf8").digest("base64");
/* Genau die Normalisierung, die der HTML-Parser vornimmt: CR LF und
einzelnes CR werden zu LF (siehe Begründung im Kopf dieser Funktion). */
const wieImBrowser = inhalt.replace(/\r\n?/g, "\n");
const summe = crypto.createHash("sha256").update(wieImBrowser, "utf8").digest("base64");
summen.push(`'sha256-${summe}'`);
}
return summen;
stimmen.html
+9 -9
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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>
@@ -106,10 +106,10 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/data-stimmen-avatare.js?v=20260828d"></script>
<script src="assets/js/i18n-stimmen.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/bild-vorbereiten.js?v=20260828d"></script>
<script src="assets/js/stimmen.js?v=20260828d"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260828e"></script>
<script src="assets/js/i18n-stimmen.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<script src="assets/js/bild-vorbereiten.js?v=20260828e"></script>
<script src="assets/js/stimmen.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-streamer.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260828d');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260828d');">
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260828e');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260828e');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260828d" alt="" loading="eager" /></div>
<div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260828e" 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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/streamplan.js?v=20260828d"></script>
<script src="assets/js/i18n-streamplan.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<script src="assets/js/streamplan.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<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=20260828d"></script>
<script src="assets/js/supporter.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-supporter.js?v=20260828e"></script>
<script src="assets/js/supporter.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-team-modis.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-modis.js?v=20260828e"></script>
<script src="assets/js/i18n-team-modis.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/i18n-team-scouts.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-scouts.js?v=20260828e"></script>
<script src="assets/js/i18n-team-scouts.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-tt-muddi.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-vanvan.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
</body>
</html>
verwaltung.html
+10 -10
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
<style>
/* =====================================================================
verwaltung.html — Dogis privater Command-Center-Bereich.
@@ -1285,12 +1285,12 @@
<!-- 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=20260828d"></script>
<script src="assets/js/data-scouts.js?v=20260828d"></script>
<script src="assets/js/data-creator.js?v=20260828d"></script>
<script src="assets/js/data-manager.js?v=20260828d"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/data-modis.js?v=20260828e"></script>
<script src="assets/js/data-scouts.js?v=20260828e"></script>
<script src="assets/js/data-creator.js?v=20260828e"></script>
<script src="assets/js/data-manager.js?v=20260828e"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<!-- Versionsnummer bewusst hochgesetzt (27.08.2026): Caddy liefert Assets mit
max-age=14400, ein Browser hätte die alte Anmelde-Logik sonst bis zu vier
Stunden weiterbenutzt und Dogi wäre trotz Umstellung weiter ohne Code
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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-werte.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></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=20260828d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
</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=20260828d"></script>
<script src="assets/js/main.js?v=20260828d"></script>
<script src="assets/js/i18n-zeitreise.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
<script>
/* Wachstums-Reveal: Äste blenden sich beim Scrollen sanft ein — passt
zum "wachsenden Baum"-Konzept dieser Seite. Rein page-lokal, betrifft