52 lines
2.9 KiB
HTML
52 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="14" data-width="9">1</div>
|
|
<div class="door" data-day="2" data-top="22" data-left="66" data-width="8">2</div>
|
|
<div class="door" data-day="3" data-top="68" data-left="18" data-width="10">3</div>
|
|
<div class="door" data-day="4" data-top="48" data-left="45" data-width="9">4</div>
|
|
<div class="door" data-day="5" data-top="75" data-left="72" data-width="8">5</div>
|
|
<div class="door" data-day="6" data-top="35" data-left="80" data-width="9">6</div>
|
|
<div class="door" data-day="7" data-top="56" data-left="30" data-width="9">7</div>
|
|
<div class="door" data-day="8" data-top="18" data-left="82" data-width="7">8</div>
|
|
<div class="door" data-day="9" data-top="58" data-left="58" data-width="8">9</div>
|
|
<div class="door" data-day="10" data-top="70" data-left="45" data-width="10">10</div>
|
|
<div class="door" data-day="11" data-top="30" data-left="32" data-width="9">11</div>
|
|
<div class="door" data-day="12" data-top="60" data-left="10" data-width="9">12</div>
|
|
<div class="door" data-day="13" data-top="15" data-left="50" data-width="8">13</div>
|
|
<div class="door" data-day="14" data-top="82" data-left="24" data-width="9">14</div>
|
|
<div class="door" data-day="15" data-top="40" data-left="60" data-width="8">15</div>
|
|
<div class="door" data-day="16" data-top="52" data-left="75" data-width="8">16</div>
|
|
<div class="door" data-day="17" data-top="25" data-left="22" data-width="10">17</div>
|
|
<div class="door" data-day="18" data-top="76" data-left="52" data-width="8">18</div>
|
|
<div class="door" data-day="19" data-top="44" data-left="12" data-width="9">19</div>
|
|
<div class="door" data-day="20" data-top="64" data-left="66" data-width="8">20</div>
|
|
<div class="door" data-day="21" data-top="10" data-left="38" data-width="8">21</div>
|
|
<div class="door" data-day="22" data-top="82" data-left="64" data-width="9">22</div>
|
|
<div class="door" data-day="23" data-top="33" data-left="5" data-width="9">23</div>
|
|
<div class="door" data-day="24" data-top="50" data-left="88" data-width="10">24</div>
|
|
</div>
|
|
</main>
|
|
<script src="../shared/js/position.js"></script>
|
|
</body>
|
|
</html> |