Files
dogfather-universe/vanvan.html
T
DogFatherGitandClaude Opus 5 43264c0990 Startseite hochwertiger: Typografie, Weltfarben, Event-Karte
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]>
2026-08-27 16:06:09 +02:00

182 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>VanVan — die rechte Hand von Dogi — DOGFATHER UNIVERSE</title>
<meta name="description" content="VanVan erzählt ihre Geschichte: wie sie zu Team Dogi kam, wer sie ist und was DogFather und Team Dogi ihr bedeuten." />
<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="VanVan — die rechte Hand von Dogi — DOGFATHER UNIVERSE" />
<meta property="og: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 property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/vanvan.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="VanVan — die rechte Hand von Dogi — DOGFATHER UNIVERSE" />
<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=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
etwas kleiner, ohne die globale main.css-Größe für alle anderen
Seiten zu verändern. */
main p { font-size: 1.14rem; line-height: 1.78; }
main .lead { font-size: 1.28rem; }
main .quote { font-size: 1.2rem; }
main h2 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); }
</style>
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-vanvan.jpg');--page-bg-mobile:url('/assets/img/bg-vanvan-mobile.jpg');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-vanvan.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="vv_eyebrow">🩵 Exklusive Seite</span>
<h1 data-i18n="vv_h1">VanVan – die rechte Hand von Dogi 🩵</h1>
<p class="lead worlds" data-i18n="vv_lead">Rechte Hand von DogFather. Beste Freundin. Musik-Produzentin.</p>
</div>
</section>
<section class="section-tight">
<div class="container grid grid-2" style="align-items:center;grid-template-columns:1.25fr 1fr;">
<div class="collage-photo" style="aspect-ratio:3/4;border-radius:var(--radius);">
<img src="assets/img/vanvan-team-2.jpg" alt="VanVan" style="width:100%;height:100%;object-fit:cover;" />
</div>
<div>
<h2 data-i18n="vv_wer_h2">Wer ich bin</h2>
<p class="lead" data-i18n="vv_wer_lead">Huhu, hier ist VanVan, die rechte Hand von Dogi.</p>
<p data-i18n="vv_wer_tiktok">Auf TikTok findet ihr mich unter:</p>
<a class="btn-tiktok" href="https://www.tiktok.com/@o.o.vanessa.o.o" target="_blank" rel="noopener" style="margin-bottom:.7rem;"><span class="btn-tiktok-note" aria-hidden="true">♪</span><span class="btn-tiktok-text">TikTok</span></a>
<br />
<a class="btn-silver" aria-disabled="true" style="margin-bottom:1rem;"><span class="btn-silver-spark" aria-hidden="true">✨</span><span class="btn-silver-text" data-i18n="vv_coming_soon">Coming soon…</span><span class="btn-silver-spark" aria-hidden="true">✨</span></a>
<p data-i18n="vv_wer_1" style="margin-top:1.4rem;">Ich bin ein Mensch, der mit dem Herzen denkt, unglaublich loyal ist und für die Menschen kämpft, die ihm wichtig sind.</p>
<p data-i18n="vv_wer_2">Wenn ich zu jemandem Vertrauen aufgebaut habe, gibt es für mich kein „halb“. Dann bin ich da – unabhängig davon, ob gerade gute oder schwierige Zeiten herrschen.</p>
<p data-i18n="vv_wer_3">Freundschaft, Zusammenhalt und Ehrlichkeit bedeuten mir mehr als alles andere. Für mich zählen keine Fassaden, sondern der Charakter eines Menschen. Wenn ich jemanden unterstütze, dann nicht, weil es von mir erwartet wird, sondern weil ich aus voller Überzeugung hinter diesem Menschen stehe.</p>
<p data-i18n="vv_wer_4">Ich glaube daran, dass man Menschen weder an ihrer Vergangenheit noch an ihrem Erfolg oder ihrem Status messen sollte. Entscheidend ist für mich, wie ein Mensch mit anderen umgeht und wie er diejenigen behandelt, die ihm begegnen.</p>
<p data-i18n="vv_wer_5">Ich liebe ehrliche Gespräche genauso sehr wie völligen Blödsinn. Ich lache unglaublich gerne, bin kreativ und hilfsbereit und versuche, selbst in schwierigen Situationen positiv zu bleiben.</p>
<p data-i18n="vv_wer_6">Dabei arbeite ich lieber im Hintergrund, als selbst im Mittelpunkt zu stehen. Es macht mich glücklich, Ideen einzubringen, Dinge zu organisieren und meinen Teil dazu beizutragen, dass andere Menschen besondere und schöne Momente erleben können.</p>
</div>
</div>
</section>
<section>
<div class="container" style="max-width:70ch;">
<h2 class="text-center" data-i18n="vv_zufall_h2">Zufall oder Schicksal?</h2>
<p data-i18n="vv_zufall_1">Wenn mich heute jemand fragt, warum ich ein Teil von Team Dogi bin, könnte ich ganz einfach sagen:</p>
<p class="quote" data-i18n="vv_zufall_quote" style="margin-top:1.4rem;">„Weil mir die Streams gefallen.“</p>
<p data-i18n="vv_zufall_2" style="margin-top:1.4rem;">Doch das wäre längst nicht die ganze Wahrheit.</p>
<p data-i18n="vv_zufall_3">Nennt es Zufall oder Schicksal – je nachdem, woran ihr glauben möchtet. Ich für meinen Teil bin heute felsenfest davon überzeugt, dass es Bestimmung war.</p>
<p data-i18n="vv_zufall_4">Damals bin ich eher zufällig in Dogis Livestream gelandet. Zuvor hatte ich ihn bereits als HasiDog im Co-Host eines anderen Livestreams kennengelernt und mich gefragt: „Was ist das denn bitte für ein komischer Typ?“</p>
<p data-i18n="vv_zufall_5">Zu diesem Zeitpunkt konnte ich noch nicht ahnen, dass genau dieser eine Klick, der mich schließlich in seinen eigenen Livestream führte, irgendwann einmal eine so große Bedeutung für mich haben würde.</p>
<p data-i18n="vv_zufall_6">Es war einer von unzähligen Streams auf TikTok – und doch sollte ausgerechnet dieser eine alles verändern.</p>
<p data-i18n="vv_zufall_7">Was mich sofort faszinierte, war weder die Anzahl der Zuschauer noch irgendeine perfekt inszenierte Show. Es war dieses besondere Gefühl eines ehrlichen Miteinanders: das gemeinsame Lachen, der Humor, das Chaos, die Gespräche und vor allem die Menschen.</p>
<p data-i18n="vv_zufall_8">Dort hatte niemand das Gefühl, lediglich eine weitere Zahl im Chat zu sein.</p>
<p data-i18n="vv_zufall_9">Je häufiger ich dabei war, desto deutlicher wurde mir, dass dieser Stream, die Menschen dort und auch dieser Streamer etwas ganz Besonderes sind.</p>
<p data-i18n="vv_zufall_10">Schon nach kurzer Zeit wurde der Stream zu einem festen Bestandteil meines Alltags. Aus einem Livestream entstand ein Ort, an dem ich mich willkommen und angenommen fühlte. Und aus einem Streamer wurde ein Mensch, den ich mit der Zeit immer mehr schätzen lernte.</p>
</div>
</section>
<section>
<div class="container grid grid-2" style="align-items:center;">
<div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
<img src="assets/img/vanvan-team-1.jpg" alt="VanVan" style="width:100%;height:auto;display:block;" />
</div>
<div>
<h2 data-i18n="vv_staerken_h2">Meine Stärken</h2>
<p data-i18n="vv_staerken_1">Ich glaube, meine größte Stärke ist mein Herz.</p>
<p data-i18n="vv_staerken_2">Ich bin loyal, zuverlässig und ehrlich. Wenn jemand meine Unterstützung benötigt, bin ich da. Ich denke mit, plane voraus und verliere dabei niemals das große Ganze aus den Augen.</p>
<p data-i18n="vv_staerken_3">Meine Kreativität ist für mich meine heimliche Superkraft. Sie begleitet mich bei allem, was ich tue, und gibt mir die Möglichkeit, Menschen mit vermeintlich kleinen Ideen eine große Freude zu bereiten.</p>
<p data-i18n="vv_staerken_4">Wenn ich an einen Menschen, eine Idee oder eine Sache glaube, dann kämpfe ich dafür. Ich gebe niemals schnell auf, denn für mich steht fest:</p>
<p class="quote" data-i18n="vv_staerken_quote" style="margin-top:1.4rem;"><strong>„Probleme sind dafür da, um Lösungen zu finden.“</strong></p>
</div>
</div>
</section>
<section class="section-tight">
<div class="container" style="max-width:70ch;">
<h2 class="text-center" data-i18n="vv_schwaechen_h2">Meine Schwächen</h2>
<p data-i18n="vv_schwaechen_1">Natürlich habe auch ich meine Schwächen. Etwas anderes zu behaupten, wäre vielleicht schön – aber nicht ehrlich.</p>
<p data-i18n="vv_schwaechen_2">Ich denke häufig viel zu viel nach und nehme mir manche Dinge stärker zu Herzen, als es mir eigentlich guttut, obwohl ich nach außen meistens versuche, stark zu wirken.</p>
<p data-i18n="vv_schwaechen_3">Außerdem kann ich unglaublich stur sein, wenn ich von etwas überzeugt bin. Und ich diskutiere gerne, wenn ich das Gefühl habe, dass etwas wichtig ist.</p>
<p data-i18n="vv_schwaechen_4">Nicht, weil ich immer Recht haben möchte, sondern weil mir die Menschen und die jeweiligen Situationen am Herzen liegen.</p>
<p data-i18n="vv_schwaechen_5">Manchmal investiere ich mehr Zeit, Kraft und Gefühle, als es für mich persönlich eigentlich gut wäre. Doch genau das zeigt auch, wie ernst ich es meine, wenn mir Menschen oder Projekte wirklich wichtig sind.</p>
</div>
</section>
<section>
<div class="container" style="max-width:70ch;">
<h2 class="text-center" data-i18n="vv_dogi_h2">Was Dogi für mich bedeutet</h2>
<p data-i18n="vv_dogi_1">Dogi ist für mich nicht einfach nur irgendein Streamer.</p>
<p data-i18n="vv_dogi_2">Er ist jemand, der Menschen zusammenbringt. Jemand, der aus einzelnen Zuschauern eine Gemeinschaft entstehen lässt. Ein Mensch, der jeden Abend aufs Neue zeigt, dass Humor, Ehrlichkeit und Menschlichkeit wichtiger sind als Klicks, Zahlen oder Geld.</p>
<p data-i18n="vv_dogi_3">Mit der Zeit entwickelte sich zwischen Dogi und mir etwas, womit ich niemals gerechnet hätte: eine echte Freundschaft.</p>
<p data-i18n="vv_dogi_4">Nicht oberflächlich. Nicht gespielt. Sondern ehrlich.</p>
<p data-i18n="vv_dogi_5">Eine Freundschaft, die auf gegenseitigem Vertrauen, Respekt und Ehrlichkeit aufgebaut ist. Eine Freundschaft, in der man miteinander lachen, sich gegenseitig aufziehen, aber auch füreinander da sein kann, wenn es wirklich darauf ankommt.</p>
<p data-i18n="vv_dogi_6">Genau dafür bin ich unendlich dankbar.</p>
<p data-i18n="vv_dogi_7">Denn eine solche Verbindung findet man gerade in der Welt der sozialen Medien nur sehr selten. Genau das macht diese Freundschaft so wertvoll und erfüllt mich mit großer Dankbarkeit und Stolz.</p>
</div>
</section>
<section class="section-tight">
<div class="container grid grid-2" style="align-items:center;">
<div>
<h2 data-i18n="vv_team_h2">Was Team Dogi für mich bedeutet</h2>
<p data-i18n="vv_team_1">Team Dogi bedeutet für mich in erster Linie Zusammenhalt.</p>
<p data-i18n="vv_team_2">Es bedeutet aber auch Vertrauen, Freundschaft, Respekt und Familie.</p>
<p data-i18n="vv_team_3">Es ist ein Ort, an dem Unterschiede keine Rolle spielen. Jeder Mensch, der dieselben Werte teilt, ist willkommen.</p>
<p data-i18n="vv_team_4">Ein Ort, an dem Menschen füreinander da sind. Ein Ort, an dem man gemeinsam lacht und sich gegenseitig aufzieht, sich aber ebenso unterstützt und schwierige Zeiten gemeinsam meistert.</p>
<p data-i18n="vv_team_5">Genau deshalb investiere ich meine Zeit so gerne in Team Dogi.</p>
<p data-i18n="vv_team_6">Nicht, weil ich es muss.</p>
<p data-i18n="vv_team_7">Sondern weil ich es von Herzen möchte.</p>
</div>
<div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
<img src="assets/img/card-vanvan.jpg" alt="VanVan" style="width:100%;height:auto;display:block;" />
</div>
</div>
</section>
<section class="section-tight">
<div class="container text-center" style="max-width:60ch;">
<h2 data-i18n="vv_fazit_h2">Mein persönliches Fazit</h2>
<p data-i18n="vv_fazit_1">Ich werde niemals perfekt sein.</p>
<p data-i18n="vv_fazit_2">Ich bin manchmal zu emotional, zu stur oder denke viel zu lange über Dinge nach. Doch ich bin immer ich selbst – und genau das möchte ich niemals verlieren.</p>
<p data-i18n="vv_fazit_3">Wenn ich heute auf meine gesamte Zeit bei Team Dogi zurückblicke, bin ich vor allem eines: dankbar.</p>
<p data-i18n="vv_fazit_4">Dankbar für die Menschen, die ich kennenlernen durfte. Dankbar für die Freundschaften, die entstanden sind. Dankbar für all die besonderen Momente, die man weder kaufen noch planen kann.</p>
<p data-i18n="vv_fazit_5">Und vor allem bin ich dankbar für diesen einen kleinen Zufall, der mich damals in Dogis Livestream geführt hat.</p>
<p data-i18n="vv_fazit_6">Denn manchmal verändert ein einziger Klick nicht nur einen Abend, sondern sehr viel mehr.</p>
<p data-i18n="vv_fazit_7">Und manchmal schenkt er einem einen Ort, an dem man sich wirklich angekommen fühlt.</p>
<p data-i18n="vv_fazit_8">Für mich ist Team Dogi genau dieser Ort.</p>
<p data-i18n="vv_fazit_9">Und genau deshalb werde ich immer mit Stolz sagen:</p>
<p class="quote" data-i18n="vv_fazit_quote" style="margin-top:1.4rem;"><strong>„Hey, ich bin’s, VanVan – und ich bin Teil von etwas Großem. Denn ich bin mit ganzem Herzen und voller Stolz ein Teil von Team Dogi.“</strong></p>
<p data-i18n="vv_fazit_tschoe" style="margin-top:1.4rem;"><strong>Tschöööö mit Öööö!</strong></p>
<p><strong data-i18n="vv_fazit_signatur1">Eure VanVan 🩵</strong><br /><em data-i18n="vv_fazit_signatur2">Die rechte Hand von Dogi</em></p>
</div>
</section>
<section class="section-tight">
<div class="container text-center">
<h2 data-i18n="vv_mehr_h2">Mehr entdecken</h2>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-secondary" href="https://open.spotify.com/intl-de/artist/4J9PcKZBkh6V8dVY3CGliw" target="_blank" rel="noopener" data-i18n="vv_spotify_btn">🎵 Van-Van auf Spotify</a>
<a class="btn btn-outline" href="team-modis.html" data-i18n="vv_zurueck_btn">← Zurück zum Modi-Team</a>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-vanvan.js?v=20260828e"></script>
<script src="assets/js/main.js?v=20260828e"></script>
</body>
</html>