From c41621d901fe62f3dfe987b8353360c342f076de Mon Sep 17 00:00:00 2001
From: Bratonien Cosplay <kontakt@bratonien.de>
Date: Mon, 10 Nov 2025 12:58:27 +0100
Subject: [PATCH] Day1 Patch

---
 adventskalender/2025/content/day1.html | 96 ++++++++++++++++++++++++++
 adventskalender/2025/js/popup.js       |  2 +-
 2 files changed, 97 insertions(+), 1 deletion(-)
 create mode 100644 adventskalender/2025/content/day1.html

diff --git a/adventskalender/2025/content/day1.html b/adventskalender/2025/content/day1.html
new file mode 100644
index 0000000..e964bbd
--- /dev/null
+++ b/adventskalender/2025/content/day1.html
@@ -0,0 +1,96 @@
+<section class="popup-day dayXX">
+
+  <h3>🎁 Türchen XX</h3>
+
+  <!-- === Basisbild (Platzhalter oder Hauptmotiv) === -->
+  <div class="image-wrapper">
+    <picture>
+      <!-- AVIF -->
+      <source
+        type="image/avif"
+        srcset="
+          /2025/assets/images/480/avif/Basisbild.avif 480w,
+          /2025/assets/images/720/avif/Basisbild.avif 720w,
+          /2025/assets/images/1024/avif/Basisbild.avif 1024w,
+          /2025/assets/images/1366/avif/Basisbild.avif 1366w,
+          /2025/assets/images/1600/avif/Basisbild.avif 1600w,
+          /2025/assets/images/1920/avif/Basisbild.avif 1920w,
+          /2025/assets/images/2560/avif/Basisbild.avif 2560w,
+          /2025/assets/images/3840/avif/Basisbild.avif 3840w"
+        sizes="100vw">
+
+      <!-- WebP -->
+      <source
+        type="image/webp"
+        srcset="
+          /2025/assets/images/480/webp/Basisbild.webp 480w,
+          /2025/assets/images/720/webp/Basisbild.webp 720w,
+          /2025/assets/images/1024/webp/Basisbild.webp 1024w,
+          /2025/assets/images/1366/webp/Basisbild.webp 1366w,
+          /2025/assets/images/1600/webp/Basisbild.webp 1600w,
+          /2025/assets/images/1920/webp/Basisbild.webp 1920w,
+          /2025/assets/images/2560/webp/Basisbild.webp 2560w,
+          /2025/assets/images/3840/webp/Basisbild.webp 3840w"
+        sizes="100vw">
+
+      <!-- JPEG-Fallback -->
+      <img
+        src="/2025/assets/images/1366/jpeg/Basisbild.jpeg"
+        srcset="
+          /2025/assets/images/480/jpeg/Basisbild.jpeg 480w,
+          /2025/assets/images/720/jpeg/Basisbild.jpeg 720w,
+          /2025/assets/images/1024/jpeg/Basisbild.jpeg 1024w,
+          /2025/assets/images/1366/jpeg/Basisbild.jpeg 1366w,
+          /2025/assets/images/1600/jpeg/Basisbild.jpeg 1600w,
+          /2025/assets/images/1920/jpeg/Basisbild.jpeg 1920w,
+          /2025/assets/images/2560/jpeg/Basisbild.jpeg 2560w,
+          /2025/assets/images/3840/jpeg/Basisbild.jpeg 3840w"
+        sizes="100vw"
+        alt="Bratonien Adventskalender – Tag XX"
+        decoding="async">
+    </picture>
+  </div>
+
+
+  <!-- === Daumenkino-Video === -->
+  <div class="video-wrapper thumbkino">
+    <video
+      class="video thumbkino-video"
+      autoplay
+      loop
+      muted
+      playsinline
+      preload="auto"
+      poster="/2025/assets/images/1366/jpeg/Basisbild.jpeg"
+    >
+      <!-- WEBM-Varianten -->
+      <source src="/2025/assets/videos/nHD/XX.webm"       type="video/webm" media="(max-width: 640px)">
+      <source src="/2025/assets/videos/FWVGA/XX.webm"     type="video/webm" media="(max-width: 854px)">
+      <source src="/2025/assets/videos/qHD/XX.webm"       type="video/webm" media="(max-width: 960px)">
+      <source src="/2025/assets/videos/HD/XX.webm"        type="video/webm" media="(max-width: 1280px)">
+      <source src="/2025/assets/videos/HDplus/XX.webm"    type="video/webm" media="(max-width: 1600px)">
+      <source src="/2025/assets/videos/FullHD/XX.webm"    type="video/webm" media="(max-width: 1920px)">
+      <source src="/2025/assets/videos/1440p/XX.webm"     type="video/webm" media="(max-width: 2560px)">
+      <source src="/2025/assets/videos/4K/XX.webm"        type="video/webm" media="(min-width: 2561px)">
+
+      <!-- MP4-Fallbacks -->
+      <source src="/2025/assets/videos/nHD/XX.mp4"        type="video/mp4" media="(max-width: 640px)">
+      <source src="/2025/assets/videos/FWVGA/XX.mp4"      type="video/mp4" media="(max-width: 854px)">
+      <source src="/2025/assets/videos/qHD/XX.mp4"        type="video/mp4" media="(max-width: 960px)">
+      <source src="/2025/assets/videos/HD/XX.mp4"         type="video/mp4" media="(max-width: 1280px)">
+      <source src="/2025/assets/videos/HDplus/XX.mp4"     type="video/mp4" media="(max-width: 1600px)">
+      <source src="/2025/assets/videos/FullHD/XX.mp4"     type="video/mp4" media="(max-width: 1920px)">
+      <source src="/2025/assets/videos/1440p/XX.mp4"      type="video/mp4" media="(max-width: 2560px)">
+      <source src="/2025/assets/videos/4K/XX.mp4"         type="video/mp4" media="(min-width: 2561px)">
+
+      Dein Browser unterstützt dieses Videoformat nicht.
+    </video>
+  </div>
+
+
+  <!-- === Hintergrundmusik (optional) === -->
+  <audio id="bgmusic" autoplay loop>
+    <source src="/2025/assets/audio/dayXX_theme.mp3" type="audio/mpeg">
+  </audio>
+
+</section>
\ No newline at end of file
diff --git a/adventskalender/2025/js/popup.js b/adventskalender/2025/js/popup.js
index 0c7e96f..4bdb94b 100644
--- a/adventskalender/2025/js/popup.js
+++ b/adventskalender/2025/js/popup.js
@@ -49,7 +49,7 @@ function openPopup(day) {
   if (!data) return;
 
   const tag = String(day).padStart(2, '0');
-  const url = `/2025/content/tag${tag}.html`;
+  const url = `/2025/content/day${tag}.html`;
 
   fetch(url)
     .then(res => {