Alle ausstehenden Aenderungen (Bilder, Texte) fuer den Server-Umzug uebernommen
This commit is contained in:
+215
-29
@@ -12,12 +12,12 @@
|
||||
<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://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
|
||||
<meta property="og:url" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/zeitreise.html" />
|
||||
<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://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
|
||||
<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" />
|
||||
@@ -39,39 +39,200 @@
|
||||
|
||||
<section class="section-tight">
|
||||
<div class="container">
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<div class="date" 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">Die ersten Schritte auf TikTok.</p>
|
||||
<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="timeline-item">
|
||||
<div class="date" data-i18n="zr_datum_folgt">Datum folgt</div>
|
||||
<h3 data-i18n="zr_ev2_h3">HasiDog entsteht</h3>
|
||||
<p data-i18n="zr_ev2_p">Aus dem Spitznamen wird eine eigene Marke — inkl. Musikprojekt auf Spotify.</p>
|
||||
|
||||
<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="timeline-item">
|
||||
<div class="date" data-i18n="zr_datum_folgt">Datum folgt</div>
|
||||
<h3 data-i18n="zr_ev3_h3">Start als Manager bei Spicy Media</h3>
|
||||
<p data-i18n="zr_ev3_p">DogFather übernimmt die Manager-Rolle, erste Scouts und Creator kommen dazu.</p>
|
||||
|
||||
<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="timeline-item">
|
||||
<div class="date" data-i18n="zr_datum_folgt">Datum folgt</div>
|
||||
<h3 data-i18n="zr_ev4_h3">Buch „Hasidog & Casper"</h3>
|
||||
<p data-i18n="zr_ev4_p">Die Geschichte von DogFather und seinem Husky wird zum Buch.</p>
|
||||
|
||||
<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="timeline-item">
|
||||
<div class="date" data-i18n="zr_datum_folgt">Datum folgt</div>
|
||||
<h3 data-i18n="zr_ev5_h3">Kooperation VanVan Teddys</h3>
|
||||
<p data-i18n="zr_ev5_p">Merchandise-Kooperation rund um VanVan startet.</p>
|
||||
|
||||
<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="timeline-item">
|
||||
<div class="date">2026</div>
|
||||
<h3 data-i18n="zr_ev6_h3">DOGFATHER UNIVERSE geht online</h3>
|
||||
<p data-i18n="zr_ev6_p">Die eigene Website vereint alle drei Welten erstmals an einem Ort.</p>
|
||||
|
||||
<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 & 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>
|
||||
<!-- TODO: Echte Meilensteine & Daten aus dem Masterplan-Fragenkatalog (Block Zeitreise) ergänzen — Struktur/Timeline-Komponente steht bereits. -->
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@@ -79,5 +240,30 @@
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user