added shadowrun database

2025-06-01 21:19:54 +02:00
parent 71f771b428
commit 69f7f625f8
20 changed files with 738 additions and 103 deletions
--- a/templates/shadowrun.html
+++ b/templates/shadowrun.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="/static/htmx.min.js"></script>
+  <meta charset="UTF-8">
+  <title>Shadowrun Character Sheet</title>
+  <style>
+    body {
+      font-family: 'Segoe UI', sans-serif;
+      background-color: #f4f4f4;
+      margin: 0;
+      padding: 2em;
+    }
+
+    .container {
+      max-width: 900px;
+      margin: 0 auto;
+      background-color: white;
+      padding: 2em;
+      border-radius: 10px;
+      box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    }
+
+    h1, h2 {
+      text-align: center;
+      border-bottom: 1px solid #ccc;
+      padding-bottom: 0.5em;
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 1em;
+    }
+
+    .grid-2 {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .grid-3 {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    .grid-4 {
+      grid-template-columns: repeat(4, 1fr);
+    }
+
+    .grid-6 {
+      grid-template-columns: repeat(6, 1fr);
+    }
+
+    .skill-row {
+        display: grid;
+        grid-template-columns: 2fr 1fr 1fr;
+        gap: 0.5em;
+        margin-bottom: 0.5em;
+    }
+
+    h3 {
+        margin-bottom: 0.5em;
+    }
+
+    label {
+      display: flex;
+      flex-direction: column;
+      font-weight: bold;
+    }
+
+    input[type="text"], input[type="number"] {
+        padding: 0.4em;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        width: 100%;
+    }
+
+    button {
+      margin-top: 2em;
+      padding: 0.75em 2em;
+      background-color: #222;
+      color: white;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+      font-size: 1em;
+    }
+
+    button:hover {
+      background-color: #444;
+    }
+
+    .monitor-track {
+      display: grid;
+      grid-template-columns: repeat(4, auto);
+      gap: 0.25em;
+      max-width: 200px;
+    }
+
+    .monitor-box input[type="checkbox"] {
+      width: 20px;
+      height: 20px;
+      margin: 0;
+      cursor: pointer;
+    }
+
+    .monitor-number {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-weight: bold;
+      width: 20px;
+      height: 20px;
+    }
+
+  </style>
+</head>
+<body>    
+
+  <div class="container">
+    <h1>Shadowrun Character Sheet</h1>
+
+      <div id="character-selector"
+       hx-get="/api/shadowrun/character-list"
+       hx-trigger="load"
+       hx-target="this"
+       hx-swap="outerHTML">
+    </div>
+    <div id="form-container"></div>
+
+    <div id="form-response"></div>
+
+  </div>
+</body>
+</html>