first commit

2025-05-11 14:16:05 +02:00
commit d9d0643dfc
9 changed files with 379 additions and 0 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -0,0 +1,50 @@
+<!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 */
+        }
+    </style>
+</head>
+<body>
+    <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>