DogFatherGitandClaude Sonnet 5
ed9b373a74
Vorheriger max-height-Deckel (460px) fürs sehr hochkantige
streamer-mascot.jpg (900x2812) war zu knapp und ließ eine sichtbare
Lücke neben dem längeren Text ("die größe vom bild vom husky soll dem
text rechts nebendran angepasst werden"). Deckel auf 720px erhöht
(orientiert an der typischen Texthöhe in diesem Abschnitt), Grid-Stretch-
Ansatz ausprobiert und wegen Rückkopplung mit dem extremen
Seitenverhältnis verworfen (siehe Kommentare in main.css/streamer.html).
Cache-Busting-Version auf 20260821b erhöht (Cloudflare cached CSS/JS
sonst bis zu 4h am Edge).
Co-Authored-By: Claude Sonnet 5 <[email protected]>
83 lines
4.0 KiB
HTML
83 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-theme="spicymedia">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Scout-Team — DOGFATHER UNIVERSE</title>
|
|
<meta name="description" content="Die Scouts von Team Dogi 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="Scout-Team — DOGFATHER UNIVERSE" />
|
|
<meta property="og:description" content="Die Scouts von Team Dogi 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/team-scouts.html" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Scout-Team — DOGFATHER UNIVERSE" />
|
|
<meta name="twitter:description" content="Die Scouts von Team Dogi 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=20260821b" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821b" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821b" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821b" />
|
|
</head>
|
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
|
|
<div id="site-header"></div>
|
|
|
|
<main>
|
|
<section class="hero page-bg">
|
|
<div class="hero-banner"><img src="/assets/img/bg-scouts.jpg" alt="" loading="eager" /></div>
|
|
<div class="container">
|
|
<span class="eyebrow" data-i18n="ts_eyebrow">Manager DogFather — Spicy Media</span>
|
|
<h1 data-i18n="ts_h1">Mein Scout-Team</h1>
|
|
<p class="lead worlds" data-i18n="ts_lead">Sie finden und begleiten neue Talente für Dogi.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-tight">
|
|
<div class="container">
|
|
<div id="scouts-grid" class="grid grid-4"></div>
|
|
<!-- TODO: Dogi liefert die vollständige, aktuelle Scout-Liste per Text nach — assets/js/data-scouts.js ist so gebaut, dass neue Scouts einfach als Objekt ergänzt werden können, ohne dass diese Seite verändert werden muss. -->
|
|
<div class="btn-row" style="justify-content:center;">
|
|
<a class="btn btn-primary" href="bewerben-scout.html" data-i18n="ts_bewerben_btn">Als Scout bewerben</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="site-footer"></div>
|
|
<script src="assets/js/data-scouts.js?v=20260821b"></script>
|
|
<script src="assets/js/i18n-team-scouts.js?v=20260821b"></script>
|
|
<script src="assets/js/main.js?v=20260821b"></script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const grid = document.getElementById("scouts-grid");
|
|
if (!grid || !window.SCOUTS) return;
|
|
|
|
const t = (schluessel) => (window.dogiUebersetzen ? window.dogiUebersetzen(schluessel) : schluessel);
|
|
|
|
const feld = (x) => (window.dogiFeld ? window.dogiFeld(x) : x || "");
|
|
|
|
const renderScouts = () => {
|
|
grid.innerHTML = window.SCOUTS.map((s) => {
|
|
const quoteText = feld(s.quote);
|
|
return `
|
|
<a class="profile-card" href="profil.html?p=${s.slug}">
|
|
<div class="avatar">${(s.avatar || s.photo) ? `<img src="${s.avatar || s.photo}" alt="${s.name}" loading="lazy">` : `<span class="avatar-initial">${s.name.charAt(0).toUpperCase()}</span>`}</div>
|
|
<h3>${s.name}</h3>
|
|
<div class="role">${feld(s.role)}</div>
|
|
${quoteText ? `<p class="quote">„${quoteText}"</p>` : `<p class="small muted">${t("ts_zitat_folgt")}</p>`}
|
|
<span class="btn btn-outline" style="margin-top:.7rem;pointer-events:none;">${t("ts_profil_ansehen")}</span>
|
|
</a>`;
|
|
}).join("");
|
|
};
|
|
renderScouts();
|
|
document.addEventListener("dogi-sprache-geaendert", renderScouts);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|