- Aktionen & Projekte
-
- Was Team Dogi gerade bewegt
-Von Tierwohl-Aktionen bis Merchandise-Kooperationen.
-
-
-
- 
Bitte über alle Aktionen zurückgehen.
`; + bodyEl.innerHTML = `Bitte über alle Events zurückgehen.
`; return; } + // Zurück-Button zeigt auf die Events-Sektion der passenden Welt + // (jede Aktion gehört zu Dogfather/HasiDog/Casper, siehe data-aktionen.js). + const welt = ["dogfather", "hasidog", "casper"].includes(aktion.welt) ? aktion.welt : "dogfather"; + if (backEl) backEl.href = `medien-${welt}.html#events`; + titleEl.textContent = aktion.title; summaryEl.textContent = aktion.summary; bodyEl.innerHTML = ` diff --git a/aktionen.html b/aktionen.html deleted file mode 100644 index 18164cf..0000000 --- a/aktionen.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - - -Von Tierwohl-Aktionen bis Merchandise-Kooperationen.
-Keine Bilder in dieser Kategorie.
`; - bindLightbox(); - } - - filterBar.addEventListener("click", (e) => { - const btn = e.target.closest(".filter-btn"); - if (!btn) return; - filterBar.querySelectorAll(".filter-btn").forEach((b) => b.classList.remove("active")); - btn.classList.add("active"); - draw(btn.dataset.filter); - }); - - function bindLightbox() { - const lb = document.getElementById("lightbox"); - const lbContent = document.getElementById("lightbox-content"); - if (!lb || !lbContent) return; - grid.querySelectorAll(".gallery-item").forEach((el) => { - el.addEventListener("click", () => { - lbContent.innerHTML = el.innerHTML; - lb.classList.add("open"); - }); - }); - } - - draw("alle"); - - const lb = document.getElementById("lightbox"); - if (lb) { - lb.addEventListener("click", (e) => { - if (e.target === lb || e.target.closest(".lightbox-close")) { - lb.classList.remove("open"); - } - }); - document.addEventListener("keydown", (e) => { - if (e.key === "Escape") lb.classList.remove("open"); - }); - } -} - -document.addEventListener("DOMContentLoaded", initGallery); diff --git a/assets/js/main.js b/assets/js/main.js index 7605ee5..1cb05c8 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -43,11 +43,15 @@ ], }, { + // Medien ist bewusst nach den 3 Welten aufgeteilt statt nach + // Foto/Video/Aktionen getrennt zu sein — Wunsch von Dogi: pro Welt + // (Dogfather/HasiDog/Casper) gibt es EINE Seite mit allem + // kategorisiert (Fotos, Videos, Events), siehe medien-*.html. label: "Medien", children: [ - { label: "Galerie", href: "medien.html" }, - { label: "Videos", href: "videos.html" }, - { label: "Aktionen", href: "aktionen.html" }, + { label: "Dogfather", href: "medien-dogfather.html" }, + { label: "HasiDog", href: "medien-hasidog.html" }, + { label: "Casper", href: "medien-casper.html" }, ], }, { label: "Links", href: "links.html" }, diff --git a/assets/js/medien-welt.js b/assets/js/medien-welt.js new file mode 100644 index 0000000..d83bc9a --- /dev/null +++ b/assets/js/medien-welt.js @@ -0,0 +1,78 @@ +/* ===================================================================== + medien-welt.js — gemeinsame Render-Logik für die 3 Welten-Medienseiten + (medien-dogfather.html / medien-hasidog.html / medien-casper.html) + + Jede der 3 Seiten setzt und + lädt data-media.js, data-videos.js, data-aktionen.js VOR dieser Datei — + so gibt es EIN Template/Skript für alle 3 Welten, ohne Code-Verdopplung. + ===================================================================== */ + +function renderFotoItem(item) { + const media = item.src + ? `${a.summary}
+ Details ansehen → + `; +} + +function bindLightbox() { + const lb = document.getElementById("lightbox"); + const lbContent = document.getElementById("lightbox-content"); + if (!lb || !lbContent) return; + document.querySelectorAll("#foto-grid .gallery-item").forEach((el) => { + el.addEventListener("click", () => { + lbContent.innerHTML = el.innerHTML; + lb.classList.add("open"); + }); + }); +} + +document.addEventListener("DOMContentLoaded", () => { + const welt = document.body.dataset.welt; + if (!welt) return; + + const fotoGrid = document.getElementById("foto-grid"); + if (fotoGrid) { + const fotos = (window.MEDIA || []).filter((m) => m.welt === welt); + fotoGrid.innerHTML = fotos.map(renderFotoItem).join("") || `Noch keine Fotos in dieser Welt.
`; + bindLightbox(); + } + + const videoGrid = document.getElementById("video-grid"); + if (videoGrid) { + const videos = (window.VIDEOS || []).filter((v) => v.welt === welt); + videoGrid.innerHTML = videos.map(renderVideoItem).join("") || `Noch keine Videos in dieser Welt.
`; + } + + const aktionenGrid = document.getElementById("aktionen-grid"); + if (aktionenGrid) { + const aktionen = (window.AKTIONEN || []).filter((a) => a.welt === welt); + aktionenGrid.innerHTML = aktionen.map(renderAktionItem).join("") || `Aktuell keine Events in dieser Welt.
`; + } + + const lb = document.getElementById("lightbox"); + if (lb) { + lb.addEventListener("click", (e) => { + if (e.target === lb || e.target.closest(".lightbox-close")) lb.classList.remove("open"); + }); + document.addEventListener("keydown", (e) => { + if (e.key === "Escape") lb.classList.remove("open"); + }); + } +}); diff --git a/casper.html b/casper.html index e2ce0dd..36af08e 100644 --- a/casper.html +++ b/casper.html @@ -76,7 +76,7 @@Immer erreichbar, immer präsent.
Team Dogi ist Familie.
Der Husky an Dogfathers Seite.
VanVan, Diene & Co.
-Projekte, Kooperationen, Tierwohl.
-Fotos aus allen drei Welten.
-Die besten Highlights.
+Fotos, Videos & Events.
+Fotos, Videos & Events.
+Fotos, Videos & Events.
@@ -192,7 +192,7 @@
Fotos, Videos und Events rund um Husky Casper — alles an einem Ort.
+
Fotos, Videos und Events aus Dogfathers Welt — alles an einem Ort.
+
Fotos, Videos und Events aus der HasiDog-Welt — alles an einem Ort.
+Bilder aus allen drei Welten — filterbar nach Kategorie.
-– DogFather 🩵
Die besten Momente von TikTok & Co.
-