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

Upload alle Tage, neue Bilder und sounds.

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-20 22:47:12 +01:00
parent 985638166e
commit b1f65b300d
285 changed files with 3223 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
adventskalender/2025/content/day18.html Normal file
View File

@@ -0,0 +1,96 @@
<section class="popup-day popup-3part">
<!-- TITEL -->
<div class="popup-header">
<h2><!-- TITEL DES TAGES --></h2>
<!-- TOOL-BUTTONS -->
<div class="popup-tools">
<button id="btn-font-toggle">Aa ↔ &#x1D49C;</button>
<button id="btn-font-up">A+</button>
<button id="btn-font-down">A−</button>
</div>
</div>
<!-- ZWEI SPALTEN -->
<div class="popup-body">
<!-- ================================
LINKE SPALTE – TEXT
================================ -->
<div class="story">
<!-- DEIN TEXT HIER -->
</div>
<!-- ================================
RECHTE SPALTE – AUDIO
================================ -->
<div class="addon addon-picture">
<picture>
<!-- AVIF -->
<source
type="image/avif"
srcset="
/2025/assets/images/480/avif/podcast.avif 480w,
/2025/assets/images/720/avif/podcast.avif 720w,
/2025/assets/images/1024/avif/podcast.avif 1024w,
/2025/assets/images/1366/avif/podcast.avif 1366w,
/2025/assets/images/1600/avif/podcast.avif 1600w,
/2025/assets/images/1920/avif/podcast.avif 1920w,
/2025/assets/images/2560/avif/podcast.avif 2560w,
/2025/assets/images/3840/avif/podcast.avif 3840w
"
sizes="90vw"
>
<!-- WEBP -->
<source
type="image/webp"
srcset="
/2025/assets/images/480/webp/podcast.webp 480w,
/2025/assets/images/720/webp/podcast.webp 720w,
/2025/assets/images/1024/webp/podcast.webp 1024w,
/2025/assets/images/1366/webp/podcast.webp 1366w,
/2025/assets/images/1600/webp/podcast.webp 1600w,
/2025/assets/images/1920/webp/podcast.webp 1920w,
/2025/assets/images/2560/webp/podcast.webp 2560w,
/2025/assets/images/3840/webp/podcast.webp 3840w
"
sizes="90vw"
>
<!-- JPEG -->
<img
src="/2025/assets/images/1024/jpeg/podcast.jpeg"
srcset="
/2025/assets/images/480/jpeg/podcast.jpeg 480w,
/2025/assets/images/720/jpeg/podcast.jpeg 720w,
/2025/assets/images/1024/jpeg/podcast.jpeg 1024w,
/2025/assets/images/1366/jpeg/podcast.jpeg 1366w,
/2025/assets/images/1600/jpeg/podcast.jpeg 1600w,
/2025/assets/images/1920/jpeg/podcast.jpeg 1920w,
/2025/assets/images/2560/jpeg/podcast.jpeg 2560w,
/2025/assets/images/3840/jpeg/podcast.jpeg 3840w
"
sizes="90vw"
alt="Bild zum Tag"
class="addon-picture-image"
>
</picture>
<div class="addon addon-audio-wrapper">
<audio controls preload="auto" class="addon-audio">
<source src="/2025/assets/sounds/podcasts/Tag 18.mp3" type="audio/mpeg">
Dein Browser unterstützt Audio nicht.
</audio>
</div>
</div>
</div>
</section>