99 lines
3.3 KiB
PHP
99 lines
3.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Bratonien Adventskalender 2025</title>
|
|
|
|
<!-- === Styles === -->
|
|
<link rel="stylesheet" href="../shared/css/style.css">
|
|
<link rel="stylesheet" href="css/popup.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/day.css">
|
|
|
|
<!-- === Favicon === -->
|
|
<link rel="icon" type="image/png" href="favicon-2025.webp">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- === HEADER === -->
|
|
<?php include __DIR__ . '/../includes/header.html'; ?>
|
|
|
|
<main>
|
|
<h1>Bratonien Adventskalender 2025</h1>
|
|
|
|
<div class="kalenderbild">
|
|
<picture>
|
|
<!-- AVIF -->
|
|
<source
|
|
type="image/avif"
|
|
srcset="
|
|
assets/images/480/avif/Basisbild.avif 480w,
|
|
assets/images/720/avif/Basisbild.avif 720w,
|
|
assets/images/1024/avif/Basisbild.avif 1024w,
|
|
assets/images/1366/avif/Basisbild.avif 1366w,
|
|
assets/images/1600/avif/Basisbild.avif 1600w,
|
|
assets/images/1920/avif/Basisbild.avif 1920w,
|
|
assets/images/2560/avif/Basisbild.avif 2560w,
|
|
assets/images/3840/avif/Basisbild.avif 3840w"
|
|
sizes="100vw">
|
|
|
|
<!-- WebP -->
|
|
<source
|
|
type="image/webp"
|
|
srcset="
|
|
assets/images/480/webp/Basisbild.webp 480w,
|
|
assets/images/720/webp/Basisbild.webp 720w,
|
|
assets/images/1024/webp/Basisbild.webp 1024w,
|
|
assets/images/1366/webp/Basisbild.webp 1366w,
|
|
assets/images/1600/webp/Basisbild.webp 1600w,
|
|
assets/images/1920/webp/Basisbild.webp 1920w,
|
|
assets/images/2560/webp/Basisbild.webp 2560w,
|
|
assets/images/3840/webp/Basisbild.webp 3840w"
|
|
sizes="100vw">
|
|
|
|
<!-- JPEG-Fallback -->
|
|
<img
|
|
src="assets/images/1366/jpeg/Basisbild.jpeg"
|
|
srcset="
|
|
assets/images/480/jpeg/Basisbild.jpeg 480w,
|
|
assets/images/720/jpeg/Basisbild.jpeg 720w,
|
|
assets/images/1024/jpeg/Basisbild.jpeg 1024w,
|
|
assets/images/1366/jpeg/Basisbild.jpeg 1366w,
|
|
assets/images/1600/jpeg/Basisbild.jpeg 1600w,
|
|
assets/images/1920/jpeg/Basisbild.jpeg 1920w,
|
|
assets/images/2560/jpeg/Basisbild.jpeg 2560w,
|
|
assets/images/3840/jpeg/Basisbild.jpeg 3840w"
|
|
sizes="100vw"
|
|
alt="Bratonien Adventskalender 2025"
|
|
decoding="async"
|
|
fetchpriority="high">
|
|
</picture>
|
|
|
|
<!-- === Türen etc. === -->
|
|
</div>
|
|
</main>
|
|
|
|
<!-- === POPUP === -->
|
|
<div id="popup-overlay">
|
|
<div id="popup-box">
|
|
<button id="popup-close">×</button>
|
|
<div id="popup-content"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- === FOOTER === -->
|
|
<?php include __DIR__ . '/../includes/footer.html'; ?>
|
|
|
|
<!-- === Scripts === -->
|
|
<script src="../shared/js/header.js" defer></script>
|
|
<script src="../shared/js/position.js" defer></script>
|
|
<script src="../shared/js/glitter.js" defer></script>
|
|
<script src="../shared/js/save-progress.js" defer></script>
|
|
<script src="../shared/js/lock.js" defer></script>
|
|
<script src="js/background.js" defer></script>
|
|
<script src="js/popup.js" defer></script>
|
|
<script src="../shared/js/door-open.js" defer></script>
|
|
</body>
|
|
</html>
|