Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer added

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-10 21:01:06 +01:00
parent b8204de85b
commit 5f39e3497d
3 changed files with 146 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
adventskalender/2025/content/day01.html
View File

@@ -5,7 +5,7 @@
<!-- === Basisbild (Platzhalter oder Hauptmotiv) ===
<div class="image-wrapper">
<picture>
<!-- AVIF
<!-- AVIF -->
<source
type="image/avif"
srcset="
@@ -19,7 +19,7 @@
/2025/assets/images/3840/avif/Basisbild.avif 3840w"
sizes="100vw">
<!-- WebP
<!-- WebP -->
<source
type="image/webp"
srcset="
@@ -33,7 +33,7 @@
/2025/assets/images/3840/webp/Basisbild.webp 3840w"
sizes="100vw">
<!-- JPEG-Fallback
<!-- JPEG-Fallback -->
<img
src="/2025/assets/images/1366/jpeg/Basisbild.jpeg"
srcset="
@@ -49,47 +49,74 @@
alt="Bratonien Adventskalender – Tag 01"
decoding="async">
</picture>
</div> -->
</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/webm/01.webm" type="video/webm" media="(max-width: 640px)">
<source src="/2025/assets/videos/FWVGA/webm/01.webm" type="video/webm" media="(max-width: 854px)">
<source src="/2025/assets/videos/qHD/webm/01.webm" type="video/webm" media="(max-width: 960px)">
<source src="/2025/assets/videos/HD/webm/01.webm" type="video/webm" media="(max-width: 1280px)">
<source src="/2025/assets/videos/HDplus/webm/01.webm" type="video/webm" media="(max-width: 1600px)">
<source src="/2025/assets/videos/FullHD/webm/01.webm" type="video/webm" media="(max-width: 1920px)">
<source src="/2025/assets/videos/1440p/webm/01.webm" type="video/webm" media="(max-width: 2560px)">
<source src="/2025/assets/videos/4K/webm/01.webm" type="video/webm" media="(min-width: 2561px)">
<!-- === Textbereich über Video === -->
<div class="text-video-grid">
<div class="text-column">
<p>Draußen riecht die Luft nach kaltem Holz und ersten Plätzchen.<br>
Über den Dächern von Bratonien hängt ein dünner Dunst aus Zucker und Geheimnissen,<br>
und im Schloss knistert das Kaminfeuer wie eine Erinnerung daran,<br>
dass jeder Anfang ein kleines bisschen Mut braucht.</p>
<!-- MP4-Fallbacks -->
<source src="/2025/assets/videos/nHD/mp4/01.mp4" type="video/mp4" media="(max-width: 640px)">
<source src="/2025/assets/videos/FWVGA/mp4/01.mp4" type="video/mp4" media="(max-width: 854px)">
<source src="/2025/assets/videos/qHD/mp4/01.mp4" type="video/mp4" media="(max-width: 960px)">
<source src="/2025/assets/videos/HD/mp4/01.mp4" type="video/mp4" media="(max-width: 1280px)">
<source src="/2025/assets/videos/HDplus/mp4/01.mp4" type="video/mp4" media="(max-width: 1600px)">
<source src="/2025/assets/videos/FullHD/mp4/01.mp4" type="video/mp4" media="(max-width: 1920px)">
<source src="/2025/assets/videos/1440p/mp4/01.mp4" type="video/mp4" media="(max-width: 2560px)">
<source src="/2025/assets/videos/4K/mp4/01.mp4" type="video/mp4" media="(min-width: 2561px)">
Dein Browser unterstützt dieses Videoformat nicht.
</video>
<p>Erna steht am Fenster, eine Tasse Kakao in der Hand,<br>
und beobachtet, wie Barney im Hof versucht, die Lichterkette zu entwirren.<br>
„Das Jahr geht nie leise zu Ende“, murmelt sie –<br>
und er antwortet, ohne aufzusehen: „Dann fangen wir besser laut an.“</p>
<p>Ein Lächeln huscht über beide Gesichter.<br>
Denn irgendwo, zwischen goldenen Schleifen und kalten Fingern,<br>
beginnt genau jetzt das, worauf ganz Bratonien gewartet hat:<br>
<strong>die Adventszeit.</strong></p>
<p class="note">
Und wer genau hinsieht, entdeckt: das kleine Daumenkino unten im Bild verändert sich.<br>
Mit jedem neuen Tag kommt ein Stück Geschichte hinzu – bis am Ende alles zusammenfindet.<br>
Also lohnt es sich, wiederzukommen … jeden Tag.
</p>
</div>
<div class="video-column">
<!-- === 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/webm/01.webm" type="video/webm" media="(max-width: 640px)">
<source src="/2025/assets/videos/FWVGA/webm/01.webm" type="video/webm" media="(max-width: 854px)">
<source src="/2025/assets/videos/qHD/webm/01.webm" type="video/webm" media="(max-width: 960px)">
<source src="/2025/assets/videos/HD/webm/01.webm" type="video/webm" media="(max-width: 1280px)">
<source src="/2025/assets/videos/HDplus/webm/01.webm" type="video/webm" media="(max-width: 1600px)">
<source src="/2025/assets/videos/FullHD/webm/01.webm" type="video/webm" media="(max-width: 1920px)">
<source src="/2025/assets/videos/1440p/webm/01.webm" type="video/webm" media="(max-width: 2560px)">
<source src="/2025/assets/videos/4K/webm/01.webm" type="video/webm" media="(min-width: 2561px)">
<!-- MP4-Fallbacks -->
<source src="/2025/assets/videos/nHD/mp4/01.mp4" type="video/mp4" media="(max-width: 640px)">
<source src="/2025/assets/videos/FWVGA/mp4/01.mp4" type="video/mp4" media="(max-width: 854px)">
<source src="/2025/assets/videos/qHD/mp4/01.mp4" type="video/mp4" media="(max-width: 960px)">
<source src="/2025/assets/videos/HD/mp4/01.mp4" type="video/mp4" media="(max-width: 1280px)">
<source src="/2025/assets/videos/HDplus/mp4/01.mp4" type="video/mp4" media="(max-width: 1600px)">
<source src="/2025/assets/videos/FullHD/mp4/01.mp4" type="video/mp4" media="(max-width: 1920px)">
<source src="/2025/assets/videos/1440p/mp4/01.mp4" type="video/mp4" media="(max-width: 2560px)">
<source src="/2025/assets/videos/4K/mp4/01.mp4" type="video/mp4" media="(min-width: 2561px)">
Dein Browser unterstützt dieses Videoformat nicht.
</video>
</div>
</div>
</div>
<!-- === Hintergrundmusik (optional) === -->
<!-- === Hintergrundmusik === -->
<audio id="bgmusic" loop preload="auto">
<source src="/2025/assets/sounds/FallingSnow.mp3" type="audio/mpeg">
</audio>
<source src="/2025/assets/sounds/FallingSnow.mp3" type="audio/mpeg">
</audio>
</section>