DogFatherGitandClaude Opus 5
508009ecc7
Gemeldet 27.08.2026: "es ueberschneidet den hintergrund sieht irgendwie scheisse aus." 1. HARTE KANTEN IM HINTERGRUND Das scharfe Trio-Artwork lag als CSS-Hintergrund mit "contain" hinter der Seite und endete an einer messerscharfen Linie (bei 1366x800 exakt bei 570px und 1345px); darueber/darunter lag sichtbar die verwaschene Fassung. Das las sich wie ein aufgeklebtes Band quer ueber der Seite. Jetzt ein echtes <img>, das an seinen EIGENEN Raendern weich in die verwaschene Ebene uebergeht. Entscheidend: Die Maske haengt am Bild, nicht am Fenster -- als CSS-Hintergrund war das unmoeglich, weil die Kante je nach Fensterformat wandert. 2. "EVENT DES JAHRES" -- 700px tote Flaeche Eine 480px schmale Kachel sass zentriert in einer 1180px breiten Kiste, die selbst Rahmen und Hintergrund trug: drei Rahmen ineinander um einen einzigen Inhalt, links und rechts je 350px Leere. Jetzt volle Breite mit Bild links / Text rechts, die umgebende Kiste ist rahmenlos. Hoehe von 656px auf 332px, ohne dass Inhalt verloren geht -- das Bild ist dabei doppelt so gross wie vorher. 3. Welt-Kacheln mit einer Spur Milchglas und feinem Lichtsaum, damit sie zur Szene gehoeren statt als flache Rechtecke daraufzuliegen. BEIM BAUEN GEFUNDEN UND KORRIGIERT: Der erste Entwurf hat die versteckte zweite Event-Kachel wieder sichtbar gemacht (leere Kachel mit einsamem "Mehr erfahren"). Ursache ist die im Code zweimal dokumentierte Falle: ".jahres-event-card[hidden]" ist genau so stark wie eine Zwei-Klassen-Regel und verliert gegen die spaetere. Deshalb steht in den neuen Regeln ueberall :not([hidden]). Versionsnummern von main.css/main.js hochgesetzt -- Assets werden mit max-age=14400 ausgeliefert, sonst haette Dogi die Aenderung bis zu vier Stunden nicht gesehen. Geprueft: pruef-handy (56), pruef-barrierefrei (60), pruef-design (0 Fundstellen), pruef-blickfang (13), pruef-assets (67), pruef-musik (17) -- alle gruen. Der Musik-Knopf holt seine Farben jetzt aus dem <img> statt aus dem CSS-Hintergrund (main.js), sonst waere er ausgerechnet auf der Startseite auf die Ersatzfarbe zurueckgefallen. Co-Authored-By: Claude Opus 5 <[email protected]>
160 lines
11 KiB
HTML
160 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="dogfather">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Tili — meine TikTok-Muddi — DOGFATHER UNIVERSE</title>
|
||
<meta name="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." />
|
||
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
|
||
<link rel="manifest" href="/manifest.json" />
|
||
<meta name="theme-color" content="#0b0d10" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="DOGFATHER UNIVERSE" />
|
||
<meta property="og:title" content="Tili — meine TikTok-Muddi — DOGFATHER UNIVERSE" />
|
||
<meta property="og: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 property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://dogfather-universe.com/tt-muddi.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Tili — meine TikTok-Muddi — DOGFATHER UNIVERSE" />
|
||
<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=20260827hero" />
|
||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828c" />
|
||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828c" />
|
||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828c" />
|
||
<style>
|
||
/* Gleiche Anpassung wie vanvan.html: der site-weit etwas größere
|
||
Fließtext wirkt bei einem so langen persönlichen Brief zu wuchtig —
|
||
hier gezielt etwas kleiner, ohne main.css global zu verändern. */
|
||
main p { font-size: 1.14rem; line-height: 1.78; }
|
||
main .lead { font-size: 1.28rem; }
|
||
main .quote { font-size: 1.25rem; }
|
||
main h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); }
|
||
.tm-signatur { margin-top: 2rem; }
|
||
.tm-signatur strong { font-size: 1.15rem; }
|
||
</style>
|
||
</head>
|
||
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-tt-muddi.jpg');--page-bg-mobile:url('/assets/img/bg-tt-muddi.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-tt-muddi.jpg" alt="Tili und Dogfather" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="tm_eyebrow">🩵 Familie</span>
|
||
<h1 data-i18n="tm_h1">Tili – meine TikTok-Muddi und ein ganz besonderer Teil meines Lebens 🩵</h1>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container grid grid-2" style="align-items:center;grid-template-columns:1fr 1.25fr;">
|
||
<div class="collage-photo" style="aspect-ratio:3/4;border-radius:var(--radius);">
|
||
<img src="assets/img/tt-muddi-1.jpg" alt="Tili und Dogfather" style="width:100%;height:100%;object-fit:cover;" />
|
||
</div>
|
||
<div>
|
||
<p class="lead worlds" data-i18n="tm_lead" style="margin-bottom:1.2rem;">Eine persönliche Widmung von Dogi an eine seiner wichtigsten Vertrauenspersonen.</p>
|
||
<a class="btn-tiktok" href="https://www.tiktok.com/@tili07069" target="_blank" rel="noopener" style="margin-bottom:1.2rem;"><span class="btn-tiktok-note" aria-hidden="true">♪</span><span class="btn-tiktok-text">TikTok</span></a>
|
||
<p data-i18n="tm_1">Es gibt Menschen, die einem nicht einfach nur begegnen. Sie treten in das eigene Leben und hinterlassen etwas, das sich nur schwer in Worte fassen lässt. Sie geben einem Kraft, schenken Vertrauen und erinnern einen daran, dass es selbst in schwierigen Zeiten noch ehrliche und gute Menschen gibt.</p>
|
||
<p class="quote" data-i18n="tm_quote1" style="margin-top:1.4rem;"><strong>Für mich ist Tili genau so ein Mensch.</strong></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container" style="max-width:70ch;">
|
||
<p data-i18n="tm_2">Tili ist nicht nur eine Streamerin, die mich von Anfang an begleitet hat. Sie ist die erste und bis heute einzige Streamerin, die mir über all die Zeit hinweg treu geblieben ist. Während sich Wege verändert, Menschen entfernt und viele Versprechen irgendwann ihre Bedeutung verloren haben, war sie weiterhin da.</p>
|
||
<p data-i18n="tm_3a" style="margin-top:1.2rem;">Nicht nur dann, wenn alles gut lief.</p>
|
||
<p data-i18n="tm_3b">Nicht nur dann, wenn es etwas zu feiern gab.</p>
|
||
<p data-i18n="tm_3c">Sondern auch in den Momenten, in denen es schwierig wurde und ich Menschen an meiner Seite besonders gebraucht habe.</p>
|
||
<p data-i18n="tm_4" style="margin-top:1.2rem;">Genau diese Treue ist etwas, das ich niemals als selbstverständlich ansehen werde.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container grid grid-2" style="align-items:center;">
|
||
<div>
|
||
<p data-i18n="tm_5">Doch Tili ist für mich schon lange viel mehr als eine Streamerin oder ein Teil meiner TikTok-Geschichte. Sie ist meine zweite Mama, meine ganz persönliche TikTok-Muddi. Ein Mensch, bei dem ich mich nicht verstellen muss und bei dem ich weiß, dass ich mit meinen Gedanken, meinen Sorgen und meinen Gefühlen niemals allein bin.</p>
|
||
<p data-i18n="tm_6">Sie hört zu, ohne sofort zu urteilen. Sie sagt ehrlich ihre Meinung, auch wenn diese vielleicht nicht immer das ist, was ich gerade hören möchte. Und genau das macht echtes Vertrauen aus: nicht nur die schönen Worte zu sagen, sondern füreinander da zu sein, ehrlich zu bleiben und sich gegenseitig wieder aufzurichten.</p>
|
||
</div>
|
||
<div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
|
||
<img src="assets/img/tt-muddi-2.jpg" alt="Tili und Dogfather in Umarmung" style="width:100%;height:auto;display:block;" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container" style="max-width:70ch;">
|
||
<p data-i18n="tm_7">Neben VanVan gehört Tili zu den wichtigsten Vertrauenspersonen in meinem Leben. Sie kennt nicht nur den Streamer Dogfather, den die Menschen auf TikTok sehen. Sie kennt auch den Menschen dahinter. Sie kennt meine starken Seiten, aber auch meine Unsicherheiten, meine Sorgen und die Momente, in denen selbst ich nicht mehr genau weiß, wie es weitergehen soll.</p>
|
||
<p class="quote" data-i18n="tm_8" style="margin-top:1.2rem;"><strong>Und trotzdem bleibt sie.</strong></p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container" style="max-width:70ch;">
|
||
<p data-i18n="tm_9">Tili gibt mir das Gefühl, verstanden und angenommen zu werden – nicht aufgrund von Zahlen, Reichweite, Erfolgen oder irgendeiner Rolle, sondern einfach als der Mensch, der ich bin.</p>
|
||
<p data-i18n="tm_10" style="margin-top:1.2rem;">Sie ist für mich ein Stück Familie geworden.</p>
|
||
<p data-i18n="tm_11">Eine Familie, die nicht durch denselben Namen oder dasselbe Blut entstanden ist, sondern durch Vertrauen, Loyalität, gemeinsame Erlebnisse und die Entscheidung, auch dann füreinander da zu sein, wenn das Leben einmal nicht perfekt läuft.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container grid grid-2" style="align-items:center;">
|
||
<div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
|
||
<img src="assets/img/tt-muddi-3.jpg" alt="Tili und Dogfather Arm in Arm" style="width:100%;height:auto;display:block;" />
|
||
</div>
|
||
<div>
|
||
<p data-i18n="tm_12">Für mich steht Tili für Hoffnung. Sie ist einer der Menschen, die mir zeigen, dass das Gute im Menschen noch existiert. Dass es noch Personen gibt, die nicht nur an sich selbst denken. Menschen, die ein ehrliches Herz besitzen, anderen Mut machen und ihre Hand nicht zurückziehen, sobald der Weg schwieriger wird.</p>
|
||
<p data-i18n="tm_13">Gerade in einer Welt, in der vieles schnelllebig und oberflächlich geworden ist, ist ein Mensch wie Tili etwas unglaublich Wertvolles.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div class="container" style="max-width:70ch;">
|
||
<p data-i18n="tm_14">Sie hat mich unterstützt, an mich geglaubt und mir immer wieder gezeigt, dass ich nicht allein bin. Vielleicht kann ich ihr niemals vollständig zurückgeben, was sie mir durch ihre Art, ihre Treue und ihr Vertrauen gegeben hat. Aber ich möchte, dass sie weiß, dass ich nichts davon vergesse.</p>
|
||
<p data-i18n="tm_15a" style="margin-top:1.2rem;">Ich vergesse nicht, wer geblieben ist.</p>
|
||
<p data-i18n="tm_15b">Ich vergesse nicht, wer an mich geglaubt hat.</p>
|
||
<p data-i18n="tm_15c">Und ich vergesse niemals, wer mir in schweren Momenten gezeigt hat, dass Aufgeben keine Lösung ist.</p>
|
||
<p data-i18n="tm_16" style="margin-top:1.2rem;">Diese Seite ist deshalb nicht einfach nur eine Vorstellung. Sie ist eine persönliche Widmung an einen Menschen, der einen festen Platz in meinem Leben und in meinem Herzen besitzt.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container text-center" style="max-width:64ch;">
|
||
<h2 data-i18n="tm_danke_h2">Danke, Tili.</h2>
|
||
<p data-i18n="tm_danke1">Danke für deine Treue.</p>
|
||
<p data-i18n="tm_danke2">Danke für dein Vertrauen.</p>
|
||
<p data-i18n="tm_danke3">Danke für deine Ehrlichkeit.</p>
|
||
<p data-i18n="tm_danke4">Danke für jedes Gespräch, jeden Rat und jeden Moment, in dem du für mich da warst.</p>
|
||
<p data-i18n="tm_danke5">Danke dafür, dass du meine TikTok-Muddi bist und mir immer wieder zeigst, wie wertvoll echte Verbundenheit sein kann.</p>
|
||
|
||
<p data-i18n="tm_17" style="margin-top:1.6rem;">Egal, wie viele Wege noch vor uns liegen und wie sehr sich das Leben verändern wird: Du wirst immer ein wichtiger Teil meiner Geschichte sein.</p>
|
||
<p data-i18n="tm_18a" style="margin-top:1.2rem;">Nicht nur als Streamerin.</p>
|
||
<p data-i18n="tm_18b">Nicht nur als Unterstützerin.</p>
|
||
<p data-i18n="tm_18c">Sondern als Vertrauensperson, zweite Mama und Familie.</p>
|
||
|
||
<p class="quote" data-i18n="tm_quote2" style="margin-top:1.6rem;"><strong>Diese Seite ist für dich, Tili – weil besondere Menschen einen besonderen Platz verdienen.</strong></p>
|
||
|
||
<div class="tm-signatur">
|
||
<p data-i18n="tm_signatur_dank">In tiefer Dankbarkeit und von ganzem Herzen</p>
|
||
<p><strong data-i18n="tm_signatur1">Dein Dogi</strong><br /><em data-i18n="tm_signatur2">Dogfather – Filipe 🩵</em></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight">
|
||
<div class="container text-center">
|
||
<div class="btn-row" style="justify-content:center;">
|
||
<a class="btn btn-outline" href="dogfather.html" data-i18n="tm_btn_zurueck">← Zurück zu DogFather</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/i18n-tt-muddi.js?v=20260828c"></script>
|
||
<script src="assets/js/main.js?v=20260827hero"></script>
|
||
</body>
|
||
</html>
|