Erste Version: HCRB Spieltag-Kalender und Fahrtplaner

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

private/kalender.html

@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Kalender – HCRB</title>
+  <link rel="stylesheet" href="/css/style.css">
+</head>
+<body>
+  <main>
+    <div class="card">
+      <label>Ich bin
+        <select id="me-select"></select>
+      </label>
+      <p id="me-hint" class="muted" hidden>Wähle deinen Namen aus, damit du Spieltage eintragen und zusagen kannst.
+        Du fehlst in der Liste? Dann trag dich unter <a href="/gruppe">Gruppe</a> ein.</p>
+    </div>
+
+    <div class="card">
+      <div class="cal-nav">
+        <button id="prev-month" aria-label="Vorheriger Monat">‹</button>
+        <h2 id="month-title"></h2>
+        <button id="next-month" aria-label="Nächster Monat">›</button>
+      </div>
+      <div class="row end"><button id="today-btn" class="small">Heute</button></div>
+      <div id="calendar" class="cal-grid"></div>
+    </div>
+
+    <div class="card">
+      <h2 id="day-title"></h2>
+      <div id="day-events"></div>
+      <form id="event-form">
+        <h3>Spieltag an diesem Tag eintragen</h3>
+        <label>Titel / Spielfeld
+          <input type="text" id="event-title" required maxlength="80" placeholder="z. B. Sonntagsspiel Waldfeld">
+        </label>
+        <label>Notiz (optional)
+          <textarea id="event-note" maxlength="500" placeholder="Uhrzeit, Link zum Event, Treffpunkt …"></textarea>
+        </label>
+        <button type="submit" class="primary">Eintragen</button>
+      </form>
+    </div>
+
+    <div class="card">
+      <h2>Kommende Spieltage</h2>
+      <div id="upcoming"></div>
+    </div>
+  </main>
+
+  <script type="module" src="/js/kalender.js"></script>
+</body>
+</html>