DogFatherGitandClaude Opus 5
efe98e32a7
Der Tastatur-Test (pruef-tastatur.mjs, neu) zeigte auf allen fünf geprüften Seiten dasselbe Bild: jedes Bedienelement erreichbar, Fokus durchgehend sichtbar, keine Tastaturfalle -- aber kein Sprunglink. Ohne ihn muss sich jemand, der die Tastatur benutzt, auf JEDER Seite erneut durch das komplette Menü tabben (31 bis 52 Punkte), bevor der eigentliche Inhalt beginnt. WCAG 2.4.1 verlangt genau diesen Ausweg. An einer Stelle gelöst statt in 35 Dateien: renderHeader() in main.js setzt das Sprungziel und stellt den Link davor. Das tabindex="-1" am <main> ist der Teil, der meistens fehlt: ohne ihn verschiebt der Sprung in Chrome und Safari nur die Bildlaufleiste, der Tastaturfokus bleibt in der Navigation -- der nächste Tab landet wieder im Menü und der Sprung war wirkungslos. Cache-Buster auf 20260827a (244 Stellen), sonst bekäme niemand die geänderte main.js und main.css ausgeliefert. Co-Authored-By: Claude Opus 5 <[email protected]>
97 lines
4.7 KiB
HTML
97 lines
4.7 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=20260827a" />
|
|
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260827a" />
|
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260827a" />
|
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260827a" />
|
|
</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" data-site-text-key="seitentitel_scout">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=20260827a"></script>
|
|
<script src="assets/js/i18n-team-scouts.js?v=20260827a"></script>
|
|
<script src="assets/js/main.js?v=20260827a"></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);
|
|
|
|
// 21.08.2026: über die Verwaltung angelegte/importierte Scouts einmischen
|
|
// (Nutzer-Wunsch "überall wo ... Scouts ... sind, will ich dass ich die
|
|
// easy über meine Verwaltungsseite hinzufüge" + Runde 2: "wenn ich eine
|
|
// änderung mache ist es auch für jeden"). dogiTeamZusammenfuehren()
|
|
// überschreibt dabei bereits importierte Scouts (gleicher slug) mit ihrem
|
|
// aktuellen DB-Stand statt sie zu duplizieren.
|
|
if (window.dogiTeamLaden) {
|
|
window.dogiTeamLaden("scout").then((neue) => {
|
|
if (!neue.length) return;
|
|
window.SCOUTS = window.dogiTeamZusammenfuehren(window.SCOUTS, neue);
|
|
renderScouts();
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|