adventskalender/2025/js/popup.js hinzugefügt

adventskalender/2025/js/popup.js

@@ -0,0 +1,60 @@
+// Adventskalender 2025 – Popup-Logik (Bratonien Edition)
+
+const popupOverlay = document.getElementById("popup-overlay");
+const popupBox = document.getElementById("popup-box");
+const popupContent = document.getElementById("popup-content");
+const popupClose = document.getElementById("popup-close");
+
+// === Inhalte 1–24 (Platzhalter) ===
+const popupData = {
+  1: { title: "🎁 Adventskalenderstart + Daumenkino", content: placeholder("QR-Code zum Daumenkino & Intro-Post") },
+  2: { title: "🍰 Foodcheck: Tassenkuchen", content: placeholder("3-Zutaten-Rezept – Quickclip folgt") },
+  3: { title: "🎧 Mini-Podcast: Kindheitsweihnachten", content: placeholder("Audioaufnahme folgt – Thema: Kindheitsweihnachten") },
+  4: { title: "🎞️ Mini-Comic", content: placeholder("Comic (1–3 Panels) folgt") },
+  5: { title: "👗 Cosplay-Winter-Transformation", content: placeholder("Reel oder Kurzvideo folgt") },
+  6: { title: "☕ Foodcheck: Winterdrink", content: placeholder("Rezeptclip / Ästhetikaufnahme folgt") },
+  7: { title: "🎧 Mini-Podcast: Was ist Bratonien?", content: placeholder("Kurzpodcast mit Stimme & Haltung folgt") },
+  8: { title: "📱 Bratonien Icon-Pack", content: placeholder("Download-Link & Vorschau folgen") },
+  9: { title: "🍽️ Foodcheck: Last-Minute-Snack", content: placeholder("Schneller Clip / Humorige Variante folgt") },
+  10: { title: "🥕 Fiktive Bratonien-Tradition", content: placeholder("Text oder Kurzclip zur Möhre auf dem Fenstersims folgt") },
+  11: { title: "👑 Cosplay-Inspo: Accessoires", content: placeholder("Foto / Nahaufnahme folgt") },
+  12: { title: "🎥 POV: So beginnt ein Bratonien-Stream", content: placeholder("Stream-Intro-Video folgt") },
+  13: { title: "🎙️ Mini-Podcast: Weihnachtscringe", content: placeholder("Podcastaufnahme folgt") },
+  14: { title: "🍪 Foodcheck: Last-Minute-Plätzchen", content: placeholder("Clip oder Foto folgt") },
+  15: { title: "🧠 Mini-Podcast: Der große Wunsch", content: placeholder("Kurzer Audio-Text folgt") },
+  16: { title: "📦 5 Dinge, die du nicht mehr kaufen solltest", content: placeholder("Humor-Reel folgt") },
+  17: { title: "🎞️ Die besten Weihnachtsfilme in Bratonien", content: placeholder("Liste oder humorige Zusammenstellung folgt") },
+  18: { title: "🎧 Mini-Podcast: Weihnachten früher", content: placeholder("Audioaufnahme folgt") },
+  19: { title: "🍪 Foodcheck: Das hässlichste Plätzchen", content: placeholder("Humorclip oder Foto folgt") },
+  20: { title: "🎁 3 Arten von Menschen beim Geschenkeeinpacken", content: placeholder("Sketch-Reel folgt") },
+  21: { title: "📞 Audio-Sketch: Der Weihnachtsanruf", content: placeholder("Audioaufnahme folgt") },
+  22: { title: "🎲 Bratonischer Geschenke-Generator", content: placeholder("Minispiel folgt") },
+  23: { title: "🍨 Foodcheck: Deko-Dessert (Schneekugel)", content: placeholder("Foodfoto / Clip folgt") },
+  24: { title: "🎬 Danke & Geschenk", content: placeholder("Finale Video & Freebie folgen") }
+};
+
+// === Platzhalterfunktion ===
+function placeholder(text) {
+  return `
+    <div class="placeholder">
+      <p><em>${text}</em></p>
+      <p style="opacity:0.7;">(Inhalt wird noch produziert)</p>
+    </div>
+  `;
+}
+
+// === Öffnen / Schließen ===
+function openPopup(day) {
+  const data = popupData[day];
+  if (!data) return;
+  popupContent.innerHTML = `<h2>${data.title}</h2>${data.content}`;
+  popupOverlay.classList.add("active");
+}
+
+popupClose.addEventListener("click", () => popupOverlay.classList.remove("active"));
+popupOverlay.addEventListener("click", e => {
+  if (e.target === popupOverlay) popupOverlay.classList.remove("active");
+});
+
+// === Exportfunktion für door-open.js ===
+window.openPopup = openPopup;