60 lines
3.7 KiB
JavaScript
60 lines
3.7 KiB
JavaScript
// 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; |