first commit

2026-07-29 12:37:38 +02:00
commit db8642080c
5 changed files with 973 additions and 0 deletions
--- a/templates/index.html
+++ b/templates/index.html
@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Zwerge versenken</title>
+<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+</head>
+<body>
+<div class="app">
+  <header>
+    <h1>⛏️ Zwerge versenken</h1>
+    <p class="subtitle">Schiffe versenken mit Zwergenclans – du gegen den Computer</p>
+  </header>
+
+  <div id="message" class="message"></div>
+
+  <section id="placement-screen" class="screen">
+    <h2>Aufstellung</h2>
+    <p>Wähle einen Zwergenclan und klicke auf dein Feld, um ihn zu platzieren.</p>
+
+    <div class="placement-controls">
+      <div id="fleet-picker" class="fleet-picker"></div>
+      <button id="rotate-btn" type="button">🔄 Ausrichtung: horizontal</button>
+      <button id="random-btn" type="button">🎲 Zufällig aufstellen</button>
+      <button id="reset-btn" type="button">↺ Zurücksetzen</button>
+      <button id="start-btn" type="button" disabled>⚔️ Kampf beginnen</button>
+    </div>
+
+    <div class="board-wrap">
+      <h3>Dein Lager</h3>
+      <div id="placement-board" class="board"></div>
+    </div>
+  </section>
+
+  <section id="battle-screen" class="screen hidden">
+    <div class="boards">
+      <div class="board-wrap">
+        <h3>Dein Lager</h3>
+        <div id="own-board" class="board"></div>
+        <div id="own-fleet" class="fleet-status"></div>
+      </div>
+      <div class="board-wrap">
+        <h3>Feindliches Gebiet</h3>
+        <div id="enemy-board" class="board"></div>
+        <div id="enemy-fleet" class="fleet-status"></div>
+      </div>
+    </div>
+    <button id="new-game-btn" type="button" class="hidden">🆕 Neues Spiel</button>
+  </section>
+</div>
+
+<script src="{{ url_for('static', filename='js/game.js') }}"></script>
+</body>
+</html>