88 lines
4.7 KiB
JavaScript
88 lines
4.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;
|
||
|
||
|
||
// ============================================================
|
||
// Ergänzung: Gesperrte Türchen – Popup mit Zufallsspruch
|
||
// ============================================================
|
||
|
||
window.showLockedPopup = function (day) {
|
||
const sprueche = [
|
||
"🎁 Na na na, hier wird nicht geschummelt!",
|
||
"❄️ Geduld ist auch eine Form von Magie.",
|
||
"🎅 Ho ho ho – zu früh! Versuch’s später nochmal.",
|
||
"⏳ Die Tür klemmt noch – vielleicht morgen?",
|
||
"🍪 Kein Plätzchen für Ungeduldige!",
|
||
"🎄 Schön, dass du neugierig bist – aber noch ist Geheimniszeit!",
|
||
"🔒 Tür verriegelt. Der Weihnachtszauber hat Öffnungszeiten.",
|
||
"✨ Geduld, kleiner Weihnachtself – noch ein bisschen Glitzer abwarten!",
|
||
"🕯️ Zu früh dran? Das Lichtlein brennt noch nicht für dich."
|
||
];
|
||
|
||
const zufall = sprueche[Math.floor(Math.random() * sprueche.length)];
|
||
|
||
popupContent.innerHTML = `
|
||
<h2>Türchen ${day} ist noch geschlossen</h2>
|
||
<p>${zufall}</p>
|
||
`;
|
||
|
||
popupOverlay.classList.add("active");
|
||
}; |