86 lines
2.9 KiB
Plaintext
86 lines
2.9 KiB
Plaintext
<!-- ============================================
|
||
POPUP: STANDARD TAG — TEXT + BILD
|
||
============================================ -->
|
||
<section class="popup-day popup-3part">
|
||
|
||
<!-- TITEL -->
|
||
<div class="popup-header">
|
||
<h2><!-- TITEL DES TAGES --></h2>
|
||
</div>
|
||
|
||
<!-- 2 SPALTEN -->
|
||
<div class="popup-body">
|
||
|
||
<!-- ================================
|
||
LINKE SPALTE – DEIN TEXT
|
||
================================ -->
|
||
<div class="story">
|
||
<!-- HIER DEIN TEXT -->
|
||
</div>
|
||
|
||
<!-- ================================
|
||
RECHTE SPALTE – BILD (RESPONSIV)
|
||
================================ -->
|
||
<div class="addon">
|
||
|
||
<!-- RESPONSIVES BILD -->
|
||
<picture>
|
||
|
||
<!-- AVIF -->
|
||
<source
|
||
type="image/avif"
|
||
srcset="
|
||
/2025/assets/images/dayXX/480/avif/BILD.avif 480w,
|
||
/2025/assets/images/dayXX/720/avif/BILD.avif 720w,
|
||
/2025/assets/images/dayXX/1024/avif/BILD.avif 1024w,
|
||
/2025/assets/images/dayXX/1366/avif/BILD.avif 1366w,
|
||
/2025/assets/images/dayXX/1600/avif/BILD.avif 1600w,
|
||
/2025/assets/images/dayXX/1920/avif/BILD.avif 1920w,
|
||
/2025/assets/images/dayXX/2560/avif/BILD.avif 2560w,
|
||
/2025/assets/images/dayXX/3840/avif/BILD.avif 3840w
|
||
"
|
||
sizes="(max-width: 900px) 100vw, 40vw"
|
||
>
|
||
|
||
<!-- WEBP -->
|
||
<source
|
||
type="image/webp"
|
||
srcset="
|
||
/2025/assets/images/dayXX/480/webp/BILD.webp 480w,
|
||
/2025/assets/images/dayXX/720/webp/BILD.webp 720w,
|
||
/2025/assets/images/dayXX/1024/webp/BILD.webp 1024w,
|
||
/2025/assets/images/dayXX/1366/webp/BILD.webp 1366w,
|
||
/2025/assets/images/dayXX/1600/webp/BILD.webp 1600w,
|
||
/2025/assets/images/dayXX/1920/webp/BILD.webp 1920w,
|
||
/2025/assets/images/dayXX/2560/webp/BILD.webp 2560w,
|
||
/2025/assets/images/dayXX/3840/webp/BILD.webp 3840w
|
||
"
|
||
sizes="(max-width: 900px) 100vw, 40vw"
|
||
>
|
||
|
||
<!-- JPEG -->
|
||
<img
|
||
src="/2025/assets/images/dayXX/1024/jpeg/BILD.jpg"
|
||
srcset="
|
||
/2025/assets/images/dayXX/480/jpeg/BILD.jpg 480w,
|
||
/2025/assets/images/dayXX/720/jpeg/BILD.jpg 720w,
|
||
/2025/assets/images/dayXX/1024/jpeg/BILD.jpg 1024w,
|
||
/2025/assets/images/dayXX/1366/jpeg/BILD.jpg 1366w,
|
||
/2025/assets/images/dayXX/1600/jpeg/BILD.jpg 1600w,
|
||
/2025/assets/images/dayXX/1920/jpeg/BILD.jpg 1920w,
|
||
/2025/assets/images/dayXX/2560/jpeg/BILD.jpg 2560w,
|
||
/2025/assets/images/dayXX/3840/jpeg/BILD.jpg 3840w
|
||
"
|
||
sizes="(max-width: 900px) 100vw, 40vw"
|
||
alt="Bild zum Tag"
|
||
class="addon-image"
|
||
decoding="async"
|
||
loading="lazy"
|
||
>
|
||
|
||
</picture>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section> |