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

New files, optical enhancement, new conten

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-14 21:06:22 +01:00
parent 19e8faa088
commit 24e79a86bf
8 changed files with 584 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
templates/picture.txt Normal file
View File

@@ -0,0 +1,86 @@
<!-- ============================================
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>