Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adventskalender/2025/index.html aktualisiert

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-04 07:41:40 +00:00
parent 9e18b6238c
commit e1901d06d8
1 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
adventskalender/2025/index.html
View File

@@ -2,26 +2,46 @@
<html lang="de">
<head>
<meta charset="UTF-8">
<title>🎄 Bratonien Adventskalender 2025</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- globale Styles -->
<title>Bratonien Adventskalender 2025</title>
<link rel="stylesheet" href="../shared/style.css">
<!-- jahrgangsspezifische Styles -->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<main>
<h1>🎄 Bratonien Adventskalender 2025</h1>
<h1> Bratonien Adventskalender 2025</h1>
<div class="kalenderbild">
<img src="assets/picture/Basisbild.png" alt="Bratonien Adventskalender 2025">
<!-- Overlay-Grid mit 24 Türchen -->
<div class="grid-overlay">
<!-- 24 Dummy-Türchen -->
<div class="day" style="top: 10%; left: 15%; width: 8%; height: 10%;"><span>1</span></div>
<div class="day" style="top: 25%; left: 40%; width: 8%; height: 10%;"><span>2</span></div>
<div class="day" style="top: 40%; left: 60%; width: 8%; height: 10%;"><span>3</span></div>
<!-- ... bis 24 -->
<div class="day" style="top: 10%; left: 20%; width: 6%; height: 8%;"><span>1</span></div>
<div class="day" style="top: 18%; left: 35%; width: 6%; height: 8%;"><span>2</span></div>
<div class="day" style="top: 26%; left: 50%; width: 6%; height: 8%;"><span>3</span></div>
<div class="day" style="top: 34%; left: 65%; width: 6%; height: 8%;"><span>4</span></div>
<div class="day" style="top: 42%; left: 30%; width: 6%; height: 8%;"><span>5</span></div>
<div class="day" style="top: 50%; left: 45%; width: 6%; height: 8%;"><span>6</span></div>
<div class="day" style="top: 58%; left: 60%; width: 6%; height: 8%;"><span>7</span></div>
<div class="day" style="top: 66%; left: 25%; width: 6%; height: 8%;"><span>8</span></div>
<div class="day" style="top: 74%; left: 40%; width: 6%; height: 8%;"><span>9</span></div>
<div class="day" style="top: 82%; left: 55%; width: 6%; height: 8%;"><span>10</span></div>
<div class="day" style="top: 15%; left: 60%; width: 6%; height: 8%;"><span>11</span></div>
<div class="day" style="top: 23%; left: 75%; width: 6%; height: 8%;"><span>12</span></div>
<div class="day" style="top: 31%; left: 90%; width: 6%; height: 8%;"><span>13</span></div>
<div class="day" style="top: 39%; left: 10%; width: 6%; height: 8%;"><span>14</span></div>
<div class="day" style="top: 47%; left: 25%; width: 6%; height: 8%;"><span>15</span></div>
<div class="day" style="top: 55%; left: 40%; width: 6%; height: 8%;"><span>16</span></div>
<div class="day" style="top: 63%; left: 55%; width: 6%; height: 8%;"><span>17</span></div>
<div class="day" style="top: 71%; left: 70%; width: 6%; height: 8%;"><span>18</span></div>
<div class="day" style="top: 79%; left: 85%; width: 6%; height: 8%;"><span>19</span></div>
<div class="day" style="top: 20%; left: 10%; width: 6%; height: 8%;"><span>20</span></div>
<div class="day" style="top: 28%; left: 25%; width: 6%; height: 8%;"><span>21</span></div>
<div class="day" style="top: 36%; left: 40%; width: 6%; height: 8%;"><span>22</span></div>
<div class="day" style="top: 44%; left: 55%; width: 6%; height: 8%;"><span>23</span></div>
<div class="day" style="top: 52%; left: 70%; width: 6%; height: 8%;"><span>24</span></div>
</div>
</div>
</div>
</main>
</body>
</html>