Files
dogfather-universe/index.html
T
DogFatherGitandClaude Opus 5 fece1dad56 Revert: Hamburger-Schwelle zurueck auf 1650px
Die Erhoehung auf 1900px eben war ein Fehlgriff -- der Nutzer sah dadurch
bei seiner eigentlichen Fensterbreite (die volle Desktop-Nav laengst
gepasst haette, zweifach live bestaetigt) nur noch die schmale Menue-
Ansicht statt der gewohnten vollen Leiste. 1650px war die korrekte,
bereits bestaetigte Schwelle -- das eigentliche Problem war durchgehend
Browser-/CDN-Caching, nicht die Schwelle selbst.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-08-20 20:06:18 +02:00

453 lines
24 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>DOGFATHER UNIVERSE — Streamer. Community. HasiDog. Manager.</title>
<meta name="description" content="DOGFATHER UNIVERSE: die Heimat von DogFather als Streamer, der HasiDog-Community und Manager DogFather bei Spicy Media." />
<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="DOGFATHER UNIVERSE — Streamer. Community. HasiDog. Manager." />
<meta property="og:description" content="DOGFATHER UNIVERSE: die Heimat von DogFather als Streamer, der HasiDog-Community und Manager DogFather bei Spicy Media." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/index.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="DOGFATHER UNIVERSE — Streamer. Community. HasiDog. Manager." />
<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=20260820d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820d" />
</head>
<body class="start-seite">
<div id="site-header"></div>
<main>
<!-- ================= HERO ================= -->
<section class="hero hero-cinematic">
<!-- Großes Trio-Artwork als Kino-Hintergrund (DogFather · Dogi · HasiDog) -->
<div class="hero-artwork" aria-hidden="true"></div>
<div class="hero-atmosphere" aria-hidden="true">
<span class="atmosphere-blend"></span>
<!-- Zone 1: Polarlicht oben -->
<span class="aurora-band a1"></span>
<span class="aurora-band a2"></span>
<span class="aurora-band a3"></span>
<!-- Zone 2: Rauch in der Mitte -->
<span class="smoke-blob" style="width:380px;height:380px;top:26%;left:4%;"></span>
<span class="smoke-blob" style="width:300px;height:300px;top:38%;right:6%;animation-delay:-11s;"></span>
<span class="smoke-blob" style="width:260px;height:260px;top:48%;left:38%;animation-delay:-22s;"></span>
<!-- Zone 3: Nebel unten -->
<span class="fog-ground"></span>
</div>
<div class="container">
<span class="eyebrow">🩵 DOGFATHER UNIVERSE</span>
<h1 data-i18n="idx_hero_h1">Streamer. Community. HasiDog. Manager.<br>Gemeinsam stark.</h1>
<p class="lead worlds" data-i18n="idx_hero_lead">Drei Welten, eine Familie: Team Dogi.</p>
<div class="card" style="max-width:420px;margin:1.4rem auto 0;padding:1rem 1.4rem;">
<span class="badge rank-1"><span class="live-dot is-unknown" id="live-dot"></span><span id="live-text" data-i18n="idx_live_loading">Status wird geladen …</span></span>
<p class="small" data-i18n="idx_live_info" style="margin:.5rem 0 0;">DogFather geht <strong>jeden Tag ab 20 Uhr</strong> live — oft schon tagsüber, zu wechselnden Zeiten. <a href="streamplan.html">Streamplan ansehen →</a></p>
</div>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-primary" href="links.html" data-i18n="idx_hero_btn_links">Alle Links 🩵</a>
<a class="btn btn-outline" href="bewerben.html" data-i18n="idx_hero_btn_team">Teil vom Team werden</a>
</div>
<div class="hero-grid">
<a class="card" href="dogfather.html" data-theme="dogfather">
<span class="tag" data-i18n="idx_hero_card1_tag">Welt 1</span>
<h3>DogFather</h3>
<p data-i18n="idx_hero_card1_desc">Streamer, Entertainer, das Herz hinter dem Kanal. Halligalli, Humor und ein offenes Ohr für die Community.</p>
</a>
<a class="card" href="hasidog.html" data-theme="hasidog">
<span class="tag" data-i18n="idx_hero_card2_tag">Welt 2</span>
<h3>HasiDog</h3>
<p data-i18n="idx_hero_card2_desc">Die Community, das Maskottchen und Husky Casper — die verspielte, familiäre Seite von Team Dogi.</p>
</a>
<a class="card" href="manager.html" data-theme="spicymedia">
<span class="tag" data-i18n="idx_hero_card3_tag">Welt 3</span>
<h3 data-i18n="idx_hero_card3_h3">Manager DogFather</h3>
<p data-i18n="idx_hero_card3_desc">Als Manager bei Spicy Media: Scouts, Creator und faire Zusammenarbeit auf Augenhöhe.</p>
</a>
</div>
<!-- "Event des Jahres": volle Breite wie die 3 Welt-Kacheln zusammen, zeigt bewusst
IMMER genau zwei Events (Nutzer-Wunsch 20.08.2026). Gleiche Kartenoptik/-Tag wie
die Welt-Kacheln oben, damit es wie ein natürlicher vierter Baustein wirkt statt
wie ein fremdes Element. -->
<div class="jahres-events">
<div class="jahres-events-head">
<span class="tag" data-i18n="idx_jahres_events_tag">🏆 Event des Jahres</span>
</div>
<div class="jahres-events-grid">
<a class="jahres-event-card" href="zeitreise.html" id="jahres-event-1">
<img class="jahres-event-bild" alt="" hidden />
<span class="jahres-event-datum" data-i18n="idx_jahres_event1_datum">7. März 2026</span>
<h3 data-i18n="idx_jahres_event1_h3">Der 28-Stunden-Stream</h3>
<p data-i18n="idx_jahres_event1_p">DogFather stellt sich einer besonderen Herausforderung und streamt 28 Stunden am Stück.</p>
<span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Zur Zeitreise →</span>
</a>
<a class="jahres-event-card" href="zeitreise.html" id="jahres-event-2">
<img class="jahres-event-bild" alt="" hidden />
<span class="jahres-event-datum" data-i18n="idx_jahres_event2_datum">27. Juli bis 2. August 2026</span>
<h3 data-i18n="idx_jahres_event2_h3">Der Creator Cup</h3>
<p data-i18n="idx_jahres_event2_p">Gemeinsam mit Cidem organisiert DogFather den Creator Cup für die Streamer von Spicy Media.</p>
<span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Zur Zeitreise →</span>
</a>
</div>
</div>
</div>
</section>
<!-- ================= CHARAKTERE: DOGFATHER-HUSKY & HASIDOG-HASE ================= -->
<section class="section-tight">
<div class="container text-center">
<span class="eyebrow" data-i18n="idx_char_eyebrow">🩵 Die Gesichter der Welten</span>
<h2>DogFather &amp; HasiDog</h2>
<p class="lead" data-i18n="idx_char_lead" style="max-width:52ch;margin:0 auto 2.4rem;">Zwei Charaktere, ein Universum — klick dich in ihre Welt.</p>
<div class="char-showcase">
<a class="char-card dogfather" href="streamer.html">
<img src="assets/img/char-dogfather.jpg" width="599" height="1212"
alt="DogFather — Husky mit blauem Hoodie und Cap" />
<span class="char-meta">
<span class="char-name">DogFather</span>
<span class="char-sub" data-i18n="idx_char1_sub">Streamer · Entertainer · Welt 1</span>
<span class="char-go" data-i18n="idx_char_go">Zur Welt →</span>
</span>
</a>
<a class="char-card hasidog" href="hasidog.html">
<img src="assets/img/char-hasidog.jpg" width="599" height="1212"
alt="HasiDog — grauer Hase mit schwarzem Hoodie und Cap" />
<span class="char-meta">
<span class="char-name">HasiDog</span>
<span class="char-sub" data-i18n="idx_char2_sub">Community · Maskottchen · Welt 2</span>
<span class="char-go" data-i18n="idx_char_go">Zur Welt →</span>
</span>
</a>
</div>
</div>
</section>
<!-- ================= FOTO-COLLAGE: DOGFATHER & CASPER ================= -->
<section class="section-tight">
<div class="container text-center">
<span class="eyebrow" data-i18n="idx_collage_eyebrow">🩵 Gesichter hinter dem Universum</span>
<h2>DogFather &amp; Casper</h2>
<div class="collage-wrap" id="collage-wrap">
<div class="collage-item">
<div class="collage-photo"><img class="collage-img" data-fallback="DogFather" src="assets/img/dogfather-portrait.jpg" alt="DogFather" style="object-position:center top;"></div>
<p class="collage-caption">DogFather 🩵</p>
</div>
<div class="collage-item">
<div class="collage-photo frame-lila"><img class="collage-img" data-fallback="Casper" src="assets/img/casper-1.jpg" alt="Casper" style="object-position:center top;"></div>
<p class="collage-caption">Casper 🐾</p>
</div>
<div class="collage-item">
<div class="collage-photo frame-silver"><img class="collage-img" data-fallback="DogFather &amp; Casper" src="assets/img/dogfather-casper-1.jpg" alt="DogFather und Casper zusammen" style="object-position:center 18%;"></div>
<p class="collage-caption" data-i18n="idx_collage_cap_team">Team 🩵🐾</p>
</div>
<div class="collage-item">
<div class="collage-photo frame-gold"><img class="collage-img" data-fallback="Casper" src="assets/img/casper-2.jpg" alt="Casper"></div>
<p class="collage-caption" data-i18n="idx_collage_cap_huskylife">Husky-Life</p>
</div>
<div class="collage-item">
<div class="collage-photo frame-tuerkis"><img class="collage-img" data-fallback="DogFather &amp; Casper" src="assets/img/dogfather-casper-2.jpg" alt="DogFather und Casper Nase an Nase"></div>
<p class="collage-caption" data-i18n="idx_collage_cap_nose">Nase an Nase 🩵</p>
</div>
</div>
<p class="small muted" data-i18n="idx_collage_footer" style="max-width:50ch;margin:0 auto;">DogFather &amp; Casper — die zwei Gesichter hinter dem ganzen Universum. 🩵🐾</p>
</div>
</section>
<!-- ================= STATS ================= -->
<section class="section-tight">
<div class="container">
<div class="grid grid-4" id="stats-bar">
<div class="card text-center"><h3 id="stat-team">–</h3><p class="small muted" data-i18n="idx_stats_team">Menschen im Team Dogi</p></div>
<div class="card text-center"><h3 data-i18n="idx_stats_daily_label">Täglich</h3><p class="small muted" data-i18n="idx_stats_daily_desc">live ab 20 Uhr</p></div>
<div class="card text-center"><h3>3</h3><p class="small muted" data-i18n="idx_stats_worlds">Welten, eine Familie</p></div>
<div class="card text-center"><h3>🩵</h3><p class="small muted" data-i18n="idx_stats_family">Team Dogi ist Familie</p></div>
</div>
</div>
</section>
<!-- ================= WAS DICH ERWARTET ================= -->
<section>
<div class="container">
<span class="eyebrow text-center" data-i18n="idx_expect_eyebrow" style="display:block;text-align:center;">Ein bisschen von allem</span>
<h2 class="text-center" data-i18n="idx_expect_h2">Was dich im Universum erwartet</h2>
<div class="grid grid-4">
<a class="card" href="streamer.html"><h3 data-i18n="idx_expect_c1_h3">🎥 Streamer</h3><p class="small" data-i18n="idx_expect_c1_p">Halligalli, Humor &amp; Hasencontent.</p></a>
<a class="card" href="zeitreise.html"><h3 data-i18n="idx_expect_c2_h3">🕰️ Zeitreise</h3><p class="small" data-i18n="idx_expect_c2_p">Die Geschichte von DogFather &amp; Team Dogi.</p></a>
<a class="card" href="community.html"><h3 data-i18n="idx_expect_c3_h3">🩵 Community</h3><p class="small" data-i18n="idx_expect_c3_p">Team Dogi ist Familie.</p></a>
<a class="card" href="casper.html"><h3 data-i18n="idx_expect_c4_h3">🐾 Casper</h3><p class="small" data-i18n="idx_expect_c4_p">Der Husky an DogFathers Seite.</p></a>
<a class="card" href="team-modis.html"><h3 data-i18n="idx_expect_c5_h3">🧑‍🤝‍🧑 Modi-Team</h3><p class="small" data-i18n="idx_expect_c5_p">VanVan, Diene &amp; Co.</p></a>
<a class="card" href="medien-dogfather.html"><h3 data-i18n="idx_expect_c6_h3">🖼️ Medien: DogFather</h3><p class="small" data-i18n="idx_expect_media_p">Fotos, Videos &amp; Events.</p></a>
<a class="card" href="medien-hasidog.html"><h3 data-i18n="idx_expect_c7_h3">🐰 Medien: HasiDog</h3><p class="small" data-i18n="idx_expect_media_p">Fotos, Videos &amp; Events.</p></a>
<a class="card" href="medien-casper.html"><h3 data-i18n="idx_expect_c8_h3">🐺 Medien: Casper</h3><p class="small" data-i18n="idx_expect_media_p">Fotos, Videos &amp; Events.</p></a>
</div>
</div>
</section>
<!-- ================= TEAM PREVIEW ================= -->
<section class="section-tight team-bg">
<div class="container">
<h2 class="text-center" data-i18n="idx_team_h2">Team Dogi 🩵</h2>
<p class="lead text-center" data-i18n="idx_team_lead" style="max-width:60ch;margin:0 auto;">VanVan & Modis — die Menschen, die DOGFATHER UNIVERSE tragen.</p>
<div id="team-preview" class="grid grid-4"></div>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-outline" href="team-modis.html" data-i18n="idx_team_btn_modi">Modi-Team ansehen</a>
</div>
</div>
</section>
<!-- ================= AKTIONEN TEASER ================= -->
<section>
<div class="container">
<h2 class="text-center" data-i18n="idx_aktionen_h2">Was gerade läuft</h2>
<div id="aktionen-teaser" class="grid grid-3"></div>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-outline" href="medien-dogfather.html#events" data-i18n="idx_aktionen_btn">Alle Aktionen &amp; Projekte</a>
</div>
</div>
</section>
<!-- ================= GALERIE TEASER ================= -->
<section class="section-tight">
<div class="container">
<h2 class="text-center" data-i18n="idx_galerie_h2">Impressionen</h2>
<div class="grid grid-4">
<div class="collage-photo" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/casper-3.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:center 20%;" /></div>
<div class="collage-photo frame-lila" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/card-vanvan.jpg" alt="VanVan" style="width:100%;height:100%;object-fit:cover;" /></div>
<div class="collage-photo frame-silver" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/casper-4.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:42% center;" /></div>
<div class="collage-photo frame-gold" style="aspect-ratio:1;border-radius:var(--radius);"><img src="assets/img/card-dogfather.jpg" alt="DogFather" style="width:100%;height:100%;object-fit:cover;" /></div>
</div>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-outline" href="medien-dogfather.html" data-i18n="idx_galerie_btn">Zur ganzen Galerie</a>
</div>
</div>
</section>
<!-- ================= TESTIMONIAL ================= -->
<section>
<div class="container text-center">
<span class="eyebrow" data-i18n="idx_testimonial_eyebrow">Was andere sagen</span>
<div class="card" style="max-width:640px;margin:1rem auto 0;">
<p class="quote" data-i18n="idx_testimonial_quote" style="font-size:1.15rem;">„Hier stehen bald echte Stimmen aus der Community. 🩵"</p>
<p class="small muted" data-i18n="idx_testimonial_attrib">— Team Dogi</p>
</div>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-outline" href="stimmen.html" data-i18n="idx_testimonial_btn">Mehr Stimmen</a>
</div>
</div>
</section>
<!-- ================= FINALER CTA ================= -->
<section class="hero">
<div class="container text-center">
<span class="eyebrow" data-i18n="idx_cta_eyebrow">🩵 Bereit?</span>
<h2 data-i18n="idx_cta_h2">Werde Teil von DOGFATHER UNIVERSE</h2>
<p class="lead" data-i18n="idx_cta_lead" style="max-width:56ch;margin:0 auto;">Als Zuschauer:in, Creator, Scout oder Kooperationspartner — hier ist für jeden Platz.</p>
<div class="btn-row" style="justify-content:center;">
<a class="btn btn-primary" href="links.html" data-i18n="idx_cta_btn_links">Alle Links 🩵</a>
<a class="btn btn-secondary" href="bewerben.html" data-i18n="idx_cta_btn_bewerben">Jetzt bewerben</a>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/data-modis.js?v=20260820d"></script>
<script src="assets/js/data-scouts.js?v=20260820d"></script>
<script src="assets/js/data-aktionen.js?v=20260820d"></script>
<script src="assets/js/i18n-index.js?v=20260820d"></script>
<script src="assets/js/main.js?v=20260820d"></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.
const API_BASE_URL = "https://postfach.dogfather-universe.com";
document.addEventListener("DOMContentLoaded", () => {
// Foto-Collage: solange echte Fotos fehlen, hübschen Platzhalter statt
// kaputtem Bild-Icon zeigen. Sobald ein Foto unter dem passenden Pfad
// (assets/img/dogfather-portrait.jpg etc.) liegt, taucht es automatisch auf.
document.querySelectorAll(".collage-img").forEach((img) => {
img.addEventListener(
"error",
() => {
const div = document.createElement("div");
div.className = "img-placeholder";
const fotoFolgtText = window.dogiUebersetzen ? window.dogiUebersetzen("idx_foto_folgt") : "Foto folgt";
div.innerHTML = `${img.dataset.fallback}<br><span class="small">${fotoFolgtText}</span>`;
img.replaceWith(div);
},
{ once: true }
);
});
// Live-Status: grün = läuft gerade, rot = offline.
// Der Wert kommt automatisch von TikTok (Cron im Worker prüft jede Minute).
// Die Seite fragt alle 30 Sekunden nach, damit der Punkt ohne Neuladen umspringt.
const liveDot = document.getElementById("live-dot");
const liveText = document.getElementById("live-text");
if (API_BASE_URL && liveDot && liveText) {
// Übersetzter Text hängt vom Live-Zustand ab (nicht per data-i18n
// abbildbar) — letzten bekannten Zustand merken, damit ein
// Sprachwechsel den Text sofort neu übersetzen kann, ohne auf den
// nächsten 30s-Poll warten zu müssen.
let letzterZustand = { status: "loading" };
const texteNeuSetzen = () => {
if (letzterZustand.status === "live") {
liveText.textContent = letzterZustand.titel
? window.dogiUebersetzen("idx_live_now", { titel: letzterZustand.titel })
: window.dogiUebersetzen("idx_live_now_generic");
} else if (letzterZustand.status === "offline") {
liveText.textContent = window.dogiUebersetzen("idx_live_offline");
} else if (letzterZustand.status === "error") {
liveText.textContent = window.dogiUebersetzen("idx_live_error");
} else {
liveText.textContent = window.dogiUebersetzen("idx_live_loading");
}
};
liveDot.classList.add("is-unknown");
texteNeuSetzen();
document.addEventListener("dogi-sprache-geaendert", texteNeuSetzen);
const applyLiveStatus = (data) => {
const isLive = !!(data && data.live);
liveDot.classList.remove("is-unknown");
liveDot.classList.toggle("is-live", isLive);
letzterZustand = isLive ? { status: "live", titel: data.title } : { status: "offline" };
texteNeuSetzen();
};
const refreshLiveStatus = () =>
fetch(`${API_BASE_URL}/live-status`, { cache: "no-store" })
.then((res) => res.json())
.then(applyLiveStatus)
.catch(() => {
liveDot.classList.remove("is-live");
liveDot.classList.add("is-unknown");
letzterZustand = { status: "error" };
texteNeuSetzen();
});
refreshLiveStatus();
setInterval(refreshLiveStatus, 30000);
// Beim Zurückwechseln zum Tab sofort aktualisieren statt bis zu 30 s warten.
document.addEventListener("visibilitychange", () => {
if (!document.hidden) refreshLiveStatus();
});
}
/* "Event des Jahres": seit 20.08.2026 in der Verwaltung pflegbar (Bild,
Text, Link je Slot, siehe verwaltung.html + server-internal/routes/
events.js). Lädt beim Seitenaufruf, was Dogi/VanVan zuletzt gespeichert
haben — bleibt der Fetch aus (noch nie gespeichert, Dienst nicht
erreichbar) oder ist ein Slot noch leer, bleibt bewusst der fest
eingebaute Standardinhalt aus dem HTML stehen (dieselben zwei echten
Events wie bisher) statt einer kaputten/leeren Kachel. */
function wendeJahresEventAn(slot, daten) {
if (!daten) return; // kein gespeicherter Eintrag -> Standardinhalt im HTML bleibt
const karte = document.getElementById(`jahres-event-${slot}`);
if (!karte) return;
const feld = (x) => (window.dogiFeld ? window.dogiFeld(x) : x || "");
const bild = karte.querySelector(".jahres-event-bild");
if (daten.bild) {
bild.src = daten.bild;
bild.alt = feld(daten.titel);
bild.hidden = false;
}
karte.querySelector(".jahres-event-datum").textContent = daten.datum || "";
karte.querySelector("h3").textContent = feld(daten.titel);
karte.querySelector("p").textContent = feld(daten.text);
if (daten.link) karte.href = daten.link;
}
if (API_BASE_URL) {
let letzteJahresEvents = null;
const ladeJahresEvents = () =>
fetch(`${API_BASE_URL}/events-of-year`, { cache: "no-store" })
.then((res) => res.json())
.then((data) => {
if (!data?.ok) return;
letzteJahresEvents = data.events;
wendeJahresEventAn(1, data.events[0]);
wendeJahresEventAn(2, data.events[1]);
})
.catch(() => {
/* Standardinhalt aus dem HTML bleibt stehen -- kein sichtbarer Fehler nötig. */
});
ladeJahresEvents();
// Bei Sprachwechsel mit den zuletzt geladenen Daten neu rendern (kein
// erneuter Server-Aufruf nötig) — Titel/Text stehen ja bereits in allen
// Sprachen im geladenen Objekt.
document.addEventListener("dogi-sprache-geaendert", () => {
if (!letzteJahresEvents) return;
wendeJahresEventAn(1, letzteJahresEvents[0]);
wendeJahresEventAn(2, letzteJahresEvents[1]);
});
}
// Stats: Team-Größe aus den Datenobjekten berechnen
const teamCount = (window.MODIS || []).length + (window.SCOUTS || []).length;
const statTeam = document.getElementById("stat-team");
if (statTeam) statTeam.textContent = teamCount > 0 ? `${teamCount}+` : "–";
// Team-Vorschau: VanVan zuerst, dann die nächsten nach Rang, plus 1-2 Scouts
const teamPreview = document.getElementById("team-preview");
if (teamPreview && window.MODIS) {
const feld = (x) => (window.dogiFeld ? window.dogiFeld(x) : x || "");
const people = [...window.MODIS].sort((a, b) => a.rank - b.rank).slice(0, 4);
const renderTeamPreview = () => {
teamPreview.innerHTML = people
.map(
(p) => `
<a class="profile-card" href="${p.page || `profil.html?p=${p.slug}`}">
<div class="avatar">${(p.avatar || p.photo) ? `<img src="${p.avatar || p.photo}" alt="${p.name}" loading="lazy">` : `<span class="avatar-initial">${p.name.charAt(0).toUpperCase()}</span>`}</div>
<h3>${p.name}</h3>
<div class="role">${feld(p.role)}</div>
</a>`
)
.join("");
};
renderTeamPreview();
document.addEventListener("dogi-sprache-geaendert", renderTeamPreview);
}
// Aktionen-Teaser: die ersten 3 Einträge aus data-aktionen.js
const aktionenTeaser = document.getElementById("aktionen-teaser");
if (aktionenTeaser && window.AKTIONEN) {
aktionenTeaser.innerHTML = window.AKTIONEN.slice(0, 3)
.map(
(a) => `
<a class="card" href="aktion-detail.html?id=${a.id}">
<span class="tag">${a.tag} · ${a.status}</span>
<h3>${a.title}</h3>
<p>${a.summary}</p>
</a>`
)
.join("");
}
});
</script>
</body>
</html>