Files

270 lines
12 KiB
HTML
Raw Permalink 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>Zeitreise — DOGFATHER UNIVERSE</title>
<meta name="description" content="Die Geschichte von DogFather in einer interaktiven Zeitleiste." />
<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="Zeitreise — DOGFATHER UNIVERSE" />
<meta property="og:description" content="Die Geschichte von DogFather in einer interaktiven Zeitleiste." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/zeitreise.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Zeitreise — DOGFATHER UNIVERSE" />
<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" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</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>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-zeitreise.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="zr_eyebrow">Welt 1 — DogFather</span>
<h1 data-i18n="zr_h1">Zeitreise</h1>
<p class="lead worlds" data-i18n="zr_lead">Die Geschichte von DogFather &amp; Team Dogi.</p>
</div>
</section>
<section class="section-tight">
<div class="container">
<div class="zeit-baum">
<div class="zeit-baum-kappe">
<span aria-hidden="true">🌱</span>
<span data-i18n="zr_baum_start">Der Anfang</span>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev1_h3">Start als Content Creator</h3>
<p data-i18n="zr_ev1_p">DogFather beginnt seine Reise auf TikTok.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev2_h3">Team Dogi entsteht</h3>
<p data-i18n="zr_ev2_p">Aus einzelnen Zuschauern wird eine starke Gemeinschaft.</p>
</div>
</div>
<div class="zeit-ast meilenstein">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev3_date">Ostern 2025</div>
<h3 data-i18n="zr_ev3_h3">HasiDog wird geboren</h3>
<p data-i18n="zr_ev3_p">Aus einem Spitznamen entsteht eine eigenständige Marke.</p>
</div>
</div>
<div class="zeit-ast meilenstein">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev4_date">7. März 2026</div>
<h3 data-i18n="zr_ev4_h3">Der 28-Stunden-Stream</h3>
<p data-i18n="zr_ev4_p">DogFather stellt sich einer besonderen Herausforderung und streamt 28 Stunden.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev5_date">Mai 2026</div>
<h3 data-i18n="zr_ev5_h3">Ein neues Kapitel beginnt</h3>
<p data-i18n="zr_ev5_p">DogFather beendet die Zusammenarbeit mit seiner bisherigen Agentur.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev6_date">2. bis 15. Juni 2026</div>
<h3 data-i18n="zr_ev6_h3">Die große 12-Stunden-Challenge</h3>
<p data-i18n="zr_ev6_p">Eine weitere Streaming-Herausforderung gemeinsam mit Team Dogi.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev7_date">Juli 2026</div>
<h3 data-i18n="zr_ev7_h3">Start als Manager bei Spicy Media</h3>
<p data-i18n="zr_ev7_p">DogFather übernimmt bei Spicy Media die Rolle als Manager.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev8_date">Juli 2026</div>
<h3 data-i18n="zr_ev8_h3">Das Manager-Team wächst</h3>
<p data-i18n="zr_ev8_p">Mit VanVan und Diene entsteht eine klare Teamstruktur.</p>
</div>
</div>
<div class="zeit-ast meilenstein">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev9_date">27. Juli bis 2. August 2026</div>
<h3 data-i18n="zr_ev9_h3">Der Creator Cup</h3>
<p data-i18n="zr_ev9_p">Gemeinsam mit Cidem organisiert DogFather den Creator Cup.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev10_date">28. Juli 2026</div>
<h3 data-i18n="zr_ev10_h3">Patrick und Bananenstift werden Scouts</h3>
<p data-i18n="zr_ev10_p">Sie schließen sich DogFather als Scouts an.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev11_date">28. Juli 2026</div>
<h3 data-i18n="zr_ev11_h3">Aufbau eines eigenen Creator-Systems</h3>
<p data-i18n="zr_ev11_p">Eine langfristige Struktur für Creator, Scouts und zukünftige Manager.</p>
</div>
</div>
<div class="zeit-ast meilenstein">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev12_date">Ende Juli 2026</div>
<h3 data-i18n="zr_ev12_h3">Das DOGFATHER UNIVERSE nimmt Form an</h3>
<p data-i18n="zr_ev12_p">Die Planung einer eigenen Website beginnt.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev13_h3">Das Buch „HasiDog &amp; Casper"</h3>
<p data-i18n="zr_ev13_p">Die Geschichte von DogFather, HasiDog und seinem Husky Casper wird zum Buch.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev14_h3">HasiDog startet auf Spotify</h3>
<p data-i18n="zr_ev14_p">HasiDog erhält sein eigenes Musikprojekt.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev15_h3">Kooperation mit VanVan Teddys</h3>
<p data-i18n="zr_ev15_p">Eine eigene Merchandise-Kooperation rund um VanVan startet.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev16_h3">Die ersten betreuten Creator</h3>
<p data-i18n="zr_ev16_p">Die ersten Creator schließen sich dem Team von Manager DogFather an.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev17_h3">Weitere Scouts und Manager kommen hinzu</h3>
<p data-i18n="zr_ev17_p">Das Team soll langfristig weiter wachsen.</p>
</div>
</div>
<div class="zeit-ast">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_datum_folgt">Datum folgt</div>
<h3 data-i18n="zr_ev18_h3">Das erste Community-Treffen</h3>
<p data-i18n="zr_ev18_p">Team Dogi begegnet sich nicht mehr nur im Livestream oder auf Discord.</p>
</div>
</div>
<div class="zeit-ast meilenstein">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev19_date">2026 Datum folgt</div>
<h3 data-i18n="zr_ev19_h3">DOGFATHER UNIVERSE geht online</h3>
<p data-i18n="zr_ev19_p">Die offizielle Website öffnet ihre Türen.</p>
</div>
</div>
<div class="zeit-ast meilenstein zeit-final">
<div class="zeit-node" aria-hidden="true"></div>
<div class="zeit-karte">
<div class="zeit-datum" data-i18n="zr_ev20_date">Fortsetzung folgt</div>
<h3 data-i18n="zr_ev20_h3">Die Geschichte ist noch lange nicht vorbei</h3>
<p data-i18n="zr_ev20_p">Das DOGFATHER UNIVERSE wächst weiter.</p>
<p class="zeit-zitat" data-i18n="zr_ev20_quote">Denn aus einem einzelnen TikTok-Livestream wurde eine Community und aus dieser Community wurde eine Familie.</p>
<p class="zeit-familie" data-i18n="zr_ev20_familie">Team Dogi ist Familie. 🩵</p>
<p class="zeit-signoff" data-i18n="zr_ev20_signoff">Liebe Grüße<br>-euer DogFather</p>
</div>
</div>
<div class="zeit-baum-wurzel">
<span aria-hidden="true">🌳</span>
<span data-i18n="zr_baum_wächst">…und die Geschichte wächst weiter</span>
</div>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/i18n-zeitreise.js"></script>
<script src="assets/js/main.js"></script>
<script>
/* Wachstums-Reveal: Äste blenden sich beim Scrollen sanft ein — passt
zum "wachsenden Baum"-Konzept dieser Seite. Rein page-lokal, betrifft
keine andere Seite. */
(function () {
var aeste = document.querySelectorAll(".zeit-ast");
if (!aeste.length) return;
if (!("IntersectionObserver" in window)) {
aeste.forEach(function (el) { el.classList.add("zeit-sichtbar"); });
return;
}
var beobachter = new IntersectionObserver(
function (eintraege) {
eintraege.forEach(function (eintrag) {
if (eintrag.isIntersecting) {
eintrag.target.classList.add("zeit-sichtbar");
beobachter.unobserve(eintrag.target);
}
});
},
{ threshold: 0.15, rootMargin: "0px 0px -40px 0px" }
);
aeste.forEach(function (el) { beobachter.observe(el); });
})();
</script>
</body>
</html>