DogFatherGitandClaude Opus 5
b3e191d3ca
Nutzer-Wunsch 20.08.2026: "diese zwei kisten sollen leer sein solang wie ich nichts rein setze, am besten sollen die sogar immer nur erscheinen wenn ich was rein setze und sie aktiviere ... wen ich drauf druecke dass dann ein kleines fenster aufgeht wo das bild bissl groesser ist mit einem groesseren text und beschreibung, und mit einem link ... die kacheln sollen auch bissl spezieller sein." - Kein hartkodierter Standardinhalt mehr auf der Startseite -- die Kachel UND der ganze Abschnitt bleiben komplett unsichtbar, bis mindestens ein Event in der Verwaltung ausgefuellt UND ueber einen neuen "Aktiv"-Schalter freigeschaltet ist. Genau 1 aktives Event -> zentrierte Einzelkachel statt halbleerem Zwei-Spalten-Raster. - Klick auf eine Kachel oeffnet jetzt ein Detail-Fenster (groesseres Bild, groesserer Titel/Text, optionaler direkter Link) statt sofort wegzunavigieren. - Kacheln bekommen einen goldenen Trophaeen-Akzent + dezenten wandernden Lichtschimmer statt der neutralen Standardkarten-Optik. - Bugfix unterwegs gefunden (Playwright-Screenshot): .jahres-event-card blieb trotz [hidden]-Attribut sichtbar (dieselbe Ursache wie der frühere .jahres-event-bild-Bug: display:block ueberschreibt die eingebaute [hidden]-Regel bei gleicher Spezifitaet) -- explizite [hidden]-Regel ergaenzt. - Backend: server-internal/routes/events.js liefert oeffentlich NUR noch aktivierte Slots aus (getEventsPublic), neuer authentifizierter Endpunkt getEventsAdmin liefert der Verwaltung auch Entwuerfe zum Vorausfuellen. 10 automatisierte Tests gegen eine Fake-DB bestanden. Backend-Teil (server-internal/) noch ohne Deploy-Zugriff -- Dogi muss ihn manuell auf dogiintern ausrollen, sonst bleibt die Startseite beim alten Verhalten (immer beide Slots zeigen, kein Aktiv-Schalter in der Verwaltung). Co-Authored-By: Claude Opus 5 <[email protected]>
76 lines
3.4 KiB
HTML
76 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="hasidog">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Medien — HasiDog — DOGFATHER UNIVERSE</title>
|
||
<meta name="description" content="Fotos, Videos und Events aus der HasiDog-Welt an einem Ort." />
|
||
<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="Medien — HasiDog — DOGFATHER UNIVERSE" />
|
||
<meta property="og:description" content="Fotos, Videos und Events aus der HasiDog-Welt an einem Ort." />
|
||
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
<meta property="og:url" content="https://dogfather-universe.com/medien-hasidog.html" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Medien — HasiDog — DOGFATHER UNIVERSE" />
|
||
<meta name="twitter:description" content="Fotos, Videos und Events aus der HasiDog-Welt an einem Ort." />
|
||
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||
|
||
<link rel="stylesheet" href="assets/css/main.css?v=20260820f" />
|
||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820f" />
|
||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820f" />
|
||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820f" />
|
||
</head>
|
||
<body class="mit-hintergrund" data-welt="hasidog" style="--page-bg:url('/assets/img/bg-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-hasidog-mobile.jpg');">
|
||
<div id="site-header"></div>
|
||
|
||
<main>
|
||
<section class="hero page-bg">
|
||
<div class="hero-banner"><img src="/assets/img/bg-hasidog.jpg" alt="" loading="eager" /></div>
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="mh_eyebrow">Welt 2 — HasiDog</span>
|
||
<h1 data-i18n="mh_h1">Medien — HasiDog</h1>
|
||
<p class="lead worlds" data-i18n="mh_lead">Fotos, Videos und Events aus der HasiDog-Welt — alles an einem Ort.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight" id="fotos">
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mh_fotos_h2">📸 Fotos</h2>
|
||
<div id="foto-grid" class="grid grid-4"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight" id="videos">
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mh_videos_h2">🎥 Videos</h2>
|
||
<div id="video-grid" class="grid grid-3"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-tight" id="events">
|
||
<div class="container">
|
||
<h2 class="text-center" data-i18n="mh_events_h2">🎉 Events</h2>
|
||
<div id="aktionen-grid" class="grid grid-2"></div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="lightbox" class="lightbox">
|
||
<button class="lightbox-close" aria-label="Schließen">×</button>
|
||
<div id="lightbox-content"></div>
|
||
</div>
|
||
|
||
<div id="site-footer"></div>
|
||
<script src="assets/js/data-media.js?v=20260820f"></script>
|
||
<script src="assets/js/data-videos.js?v=20260820f"></script>
|
||
<script src="assets/js/data-aktionen.js?v=20260820f"></script>
|
||
<script src="assets/js/medien-welt.js?v=20260820f"></script>
|
||
<script src="assets/js/i18n-medien-hasidog.js?v=20260820f"></script>
|
||
<script src="assets/js/main.js?v=20260820f"></script>
|
||
</body>
|
||
</html>
|