104 lines
5.2 KiB
HTML
104 lines
5.2 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/css/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">
|
|
<img src="assets/picture/Basisbild.png" alt="Bratonien Adventskalender 2025">
|
|
<div class="door hinge-right" data-day="18" data-left="6" data-top="9" data-width="8.5">18</div>
|
|
<div class="openfield" data-day="18" data-left="6" data-top="9" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="2" data-left="23" data-top="12" data-width="8.5">2</div>
|
|
<div class="openfield" data-day="2" data-left="23" data-top="12" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="21" data-left="38" data-top="8" data-width="8.5">21</div>
|
|
<div class="openfield" data-day="21" data-left="38" data-top="8" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="10" data-left="54" data-top="11" data-width="8.5">10</div>
|
|
<div class="openfield" data-day="10" data-left="54" data-top="11" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="5" data-left="69" data-top="13" data-width="8.5">5</div>
|
|
<div class="openfield" data-day="5" data-left="69" data-top="13" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="14" data-left="82" data-top="6" data-width="8.5">14</div>
|
|
<div class="openfield" data-day="14" data-left="82" data-top="6" data-width="8.5"></div>
|
|
|
|
<div class="door double" data-day="6" data-left="9" data-top="28" data-width="12">
|
|
<div class="fluegel left"></div>
|
|
<div class="fluegel right"></div>
|
|
<span class="door-number">6</span>
|
|
</div>
|
|
<div class="openfield" data-day="6" data-left="9" data-top="28" data-width="12"></div>
|
|
|
|
<div class="door hinge-left" data-day="1" data-left="24" data-top="33" data-width="8.5">1</div>
|
|
<div class="openfield" data-day="1" data-left="24" data-top="33" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="23" data-left="39" data-top="31" data-width="8.5">23</div>
|
|
<div class="openfield" data-day="23" data-left="39" data-top="31" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="4" data-left="55" data-top="27" data-width="8.5">4</div>
|
|
<div class="openfield" data-day="4" data-left="55" data-top="27" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="9" data-left="70" data-top="34" data-width="8.5">9</div>
|
|
<div class="openfield" data-day="9" data-left="70" data-top="34" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="17" data-left="84" data-top="29" data-width="8.5">17</div>
|
|
<div class="openfield" data-day="17" data-left="84" data-top="29" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="8" data-left="4" data-top="50" data-width="8.5">8</div>
|
|
<div class="openfield" data-day="8" data-left="4" data-top="50" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="16" data-left="19" data-top="54" data-width="8.5">16</div>
|
|
<div class="openfield" data-day="16" data-left="19" data-top="54" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="3" data-left="34" data-top="47" data-width="8.5">3</div>
|
|
<div class="openfield" data-day="3" data-left="34" data-top="47" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="12" data-left="49" data-top="52" data-width="8.5">12</div>
|
|
<div class="openfield" data-day="12" data-left="49" data-top="52" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="19" data-left="64" data-top="55" data-width="8.5">19</div>
|
|
<div class="openfield" data-day="19" data-left="64" data-top="55" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="7" data-left="84" data-top="50" data-width="8.5">7</div>
|
|
<div class="openfield" data-day="7" data-left="83" data-top="51" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="13" data-left="8" data-top="72" data-width="8.5">13</div>
|
|
<div class="openfield" data-day="13" data-left="8" data-top="72" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="15" data-left="24" data-top="69" data-width="8.5">15</div>
|
|
<div class="openfield" data-day="15" data-left="24" data-top="69" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-right" data-day="22" data-left="39" data-top="73" data-width="8.5">22</div>
|
|
<div class="openfield" data-day="22" data-left="39" data-top="73" data-width="8.5"></div>
|
|
|
|
<div class="door hinge-left" data-day="11" data-left="54" data-top="68" data-width="8.5">11</div>
|
|
<div class="openfield" data-day="11" data-left="54" data-top="68" data-width="8.5"></div>
|
|
|
|
<div class="door double" data-day="24" data-left="83" data-top="67" data-width="15.0">
|
|
<div class="fluegel left"></div>
|
|
<div class="fluegel right"></div>
|
|
<span class="door-number">24</span>
|
|
</div>
|
|
<div class="openfield" data-day="24" data-left="83" data-top="67" data-width="15.0"></div>
|
|
</div>
|
|
</main>
|
|
<script src="../shared/js/position.js"></script>
|
|
<script src="../shared/js/glitter.js"></script>
|
|
<script src="../shared/js/door-open.js"></script>
|
|
</body>
|
|
</html> |