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="7">1</div>
|
|
<div class="door" data-day="2" data-top="18" data-left="32" data-width="6">2</div>
|
|
<div class="door" data-day="3" data-top="14" data-left="56" data-width="7">3</div>
|
|
<div class="door" data-day="4" data-top="20" data-left="78" data-width="6">4</div>
|
|
|
|
<div class="door" data-day="5" data-top="32" data-left="18" data-width="7">5</div>
|
|
<div class="door" data-day="6" data-top="36" data-left="42" data-width="6">6</div>
|
|
<div class="door" data-day="7" data-top="34" data-left="64" data-width="7">7</div>
|
|
<div class="door" data-day="8" data-top="38" data-left="84" data-width="6">8</div>
|
|
|
|
<div class="door" data-day="9" data-top="50" data-left="12" data-width="7">9</div>
|
|
<div class="door" data-day="10" data-top="48" data-left="35" data-width="6">10</div>
|
|
<div class="door" data-day="11" data-top="54" data-left="57" data-width="7">11</div>
|
|
<div class="door" data-day="12" data-top="50" data-left="78" data-width="6">12</div>
|
|
|
|
<div class="door" data-day="13" data-top="64" data-left="16" data-width="7">13</div>
|
|
<div class="door" data-day="14" data-top="68" data-left="40" data-width="6">14</div>
|
|
<div class="door" data-day="15" data-top="66" data-left="62" data-width="7">15</div>
|
|
<div class="door" data-day="16" data-top="70" data-left="84" data-width="6">16</div>
|
|
|
|
<div class="door" data-day="17" data-top="80" data-left="12" data-width="7">17</div>
|
|
<div class="door" data-day="18" data-top="82" data-left="34" data-width="6">18</div>
|
|
<div class="door" data-day="19" data-top="78" data-left="56" data-width="7">19</div>
|
|
<div class="door" data-day="20" data-top="80" data-left="78" data-width="6">20</div>
|
|
|
|
<div class="door" data-day="21" data-top="90" data-left="22" data-width="7">21</div>
|
|
<div class="door" data-day="22" data-top="88" data-left="46" data-width="6">22</div>
|
|
<div class="door" data-day="23" data-top="92" data-left="68" data-width="7">23</div>
|
|
<div class="door" data-day="24" data-top="88" data-left="86" data-width="8">24</div>
|
|
</div>
|
|
</main>
|
|
<script src="../shared/js/position.js"></script>
|
|
</body>
|
|
</html> |