added login suppport

2025-10-20 23:06:33 +02:00
parent 4916b4f1c1
commit 5a1297dc80
10 changed files with 227 additions and 118 deletions
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <script src="/static/htmx.min.js"></script>
+    <title>Service Status</title>
+    <style>
+        .active-button {
+            background-color: #4CAF50; /* Green */
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            text-align: center;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+        .inactive-button {
+            background-color: #f44336; /* Red */
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            text-align: center;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+        body {
+            margin: 0;
+            height: 100vh; /* Full screen height */
+            display: flex;
+            justify-content: center; /* Horizontal centering */
+            align-items: center;     /* Vertical centering */
+            font-family: sans-serif;
+        }
+        .column {
+        display: flex;
+        flex-direction: column;
+        align-items: center;  /* Optional: center items within the column */
+        gap: 1rem;            /* Space between elements */
+        }
+
+        .app-panel {
+            display: inline-block;
+            width: 200px;
+            height: 120px;
+            margin: 10px;
+            padding: 20px;
+            background-color: #f0f0f0;
+            border-radius: 10px;
+            text-align: center;
+            cursor: pointer;
+            transition: background 0.2s ease;
+        }
+        .app-panel:hover {
+            background-color: #e0e0e0;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="app-panel"
+     hx-get="/redirect?file=shadowrun.html"
+     hx-trigger="click"
+     hx-target="this"
+     hx-swap="none">
+    <h3>Shadowrun</h3>
+    </div>
+
+    <div class="column">
+        <h1>Service Status</h1>
+
+        <div id="services" hx-get="/status" hx-trigger="load, every 5s" hx-swap="innerHTML">
+            Loading services...
+        </div>
+    </div>
+</body>
+</html>