57 lines
2.9 KiB
HTML
57 lines
2.9 KiB
HTML
<!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/style.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
<!-- === Favicon (optional, falls du schon eines angelegt hast) === -->
|
|
<link rel="icon" type="image/png" href="favicon-2025.png">
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<h1>Bratonien Adventskalender 2025</h1>
|
|
|
|
<div class="kalenderbild">
|
|
<!-- Basisbild -->
|
|
<img src="assets/picture/Basisbild.png" alt="Bratonien Adventskalender 2025">
|
|
<!-- Adventskalender-Türchen -->
|
|
<div class="door" data-day="1" data-top="12" data-left="10" data-width="8.5">1</div>
|
|
<div class="door" data-day="2" data-top="18" data-left="32" data-width="8.0">2</div>
|
|
<div class="door" data-day="3" data-top="14" data-left="56" data-width="9.0">3</div>
|
|
<div class="door" data-day="4" data-top="20" data-left="78" data-width="8.5">4</div>
|
|
|
|
<div class="door" data-day="5" data-top="32" data-left="14" data-width="8.8">5</div>
|
|
<div class="door" data-day="6" data-top="33" data-left="42" data-width="10.0">6</div>
|
|
<div class="door" data-day="7" data-top="34" data-left="68" data-width="8.7">7</div>
|
|
<div class="door" data-day="8" data-top="38" data-left="86" data-width="8.3">8</div>
|
|
|
|
<div class="door" data-day="9" data-top="50" data-left="12" data-width="8.6">9</div>
|
|
<div class="door" data-day="10" data-top="48" data-left="36" data-width="8.0">10</div>
|
|
<div class="door" data-day="11" data-top="54" data-left="58" data-width="8.9">11</div>
|
|
<div class="door" data-day="12" data-top="50" data-left="79" data-width="8.2">12</div>
|
|
|
|
<div class="door" data-day="13" data-top="64" data-left="16" data-width="8.5">13</div>
|
|
<div class="door" data-day="14" data-top="68" data-left="41" data-width="8.0">14</div>
|
|
<div class="door" data-day="15" data-top="66" data-left="63" data-width="8.8">15</div>
|
|
<div class="door" data-day="16" data-top="70" data-left="85" data-width="8.1">16</div>
|
|
|
|
<div class="door" data-day="17" data-top="80" data-left="12" data-width="8.9">17</div>
|
|
<div class="door" data-day="18" data-top="82" data-left="34" data-width="8.0">18</div>
|
|
<div class="door" data-day="19" data-top="78" data-left="56" data-width="8.6">19</div>
|
|
<div class="door" data-day="20" data-top="80" data-left="74" data-width="8.3">20</div>
|
|
|
|
<div class="door" data-day="21" data-top="90" data-left="22" data-width="8.5">21</div>
|
|
<div class="door" data-day="22" data-top="88" data-left="45" data-width="8.2">22</div>
|
|
<div class="door" data-day="23" data-top="92" data-left="66" data-width="8.9">23</div>
|
|
<div class="door" data-day="24" data-top="86" data-left="82" data-width="10.0">24</div>
|
|
</div>
|
|
</main>
|
|
<script src="../shared/js/position.js"></script>
|
|
</body>
|
|
</html> |