96 lines
3.0 KiB
HTML
96 lines
3.0 KiB
HTML
<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 ↔ 𝒜</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> |