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

styling und Fehlerkorrektur

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-10 13:18:41 +01:00
parent e82891c544
commit c18a86885e
2 changed files with 142 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<section class="popup-day dayXX">
<section class="popup-day day01">
<h3>🎁 Türchen XX</h3>
<h3>🎁 Türchen 01</h3>
<!-- === Basisbild (Platzhalter oder Hauptmotiv) === -->
<div class="image-wrapper">
@@ -46,7 +46,7 @@
/2025/assets/images/2560/jpeg/Basisbild.jpeg 2560w,
/2025/assets/images/3840/jpeg/Basisbild.jpeg 3840w"
sizes="100vw"
alt="Bratonien Adventskalender – Tag XX"
alt="Bratonien Adventskalender – Tag 01"
decoding="async">
</picture>
</div>
@@ -64,24 +64,24 @@
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)">
<source src="/2025/assets/videos/nHD/01.webm" type="video/webm" media="(max-width: 640px)">
<source src="/2025/assets/videos/FWVGA/01.webm" type="video/webm" media="(max-width: 854px)">
<source src="/2025/assets/videos/qHD/01.webm" type="video/webm" media="(max-width: 960px)">
<source src="/2025/assets/videos/HD/01.webm" type="video/webm" media="(max-width: 1280px)">
<source src="/2025/assets/videos/HDplus/01.webm" type="video/webm" media="(max-width: 1600px)">
<source src="/2025/assets/videos/FullHD/01.webm" type="video/webm" media="(max-width: 1920px)">
<source src="/2025/assets/videos/1440p/01.webm" type="video/webm" media="(max-width: 2560px)">
<source src="/2025/assets/videos/4K/01.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)">
<source src="/2025/assets/videos/nHD/01.mp4" type="video/mp4" media="(max-width: 640px)">
<source src="/2025/assets/videos/FWVGA/01.mp4" type="video/mp4" media="(max-width: 854px)">
<source src="/2025/assets/videos/qHD/01.mp4" type="video/mp4" media="(max-width: 960px)">
<source src="/2025/assets/videos/HD/01.mp4" type="video/mp4" media="(max-width: 1280px)">
<source src="/2025/assets/videos/HDplus/01.mp4" type="video/mp4" media="(max-width: 1600px)">
<source src="/2025/assets/videos/FullHD/01.mp4" type="video/mp4" media="(max-width: 1920px)">
<source src="/2025/assets/videos/1440p/01.mp4" type="video/mp4" media="(max-width: 2560px)">
<source src="/2025/assets/videos/4K/01.mp4" type="video/mp4" media="(min-width: 2561px)">
Dein Browser unterstützt dieses Videoformat nicht.
</video>
@@ -90,7 +90,7 @@
<!-- === Hintergrundmusik (optional) === -->
<audio id="bgmusic" autoplay loop>
<source src="/2025/assets/audio/dayXX_theme.mp3" type="audio/mpeg">
<source src="/2025/assets/audio/day01_theme.mp3" type="audio/mpeg">
</audio>
</section>