fix alot

2026-02-26 18:52:42 +01:00
parent 89f4f855c8
commit 11e8160cf9
11 changed files with 505 additions and 112 deletions
--- a/templates/login.html
+++ b/templates/login.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+
+    <style>
+        * { border-radius: 0 !important; }
+
+        body {
+            font-family: sans-serif;
+            background: #fff;
+            color: #000;
+            padding: 20px;
+        }
+
+        .box {
+            border: 2px solid #000;
+            background: #fff;
+        }
+
+        input {
+            border: 1px solid #000;
+            padding: 6px;
+            font-size: 13px;
+            width: 100%;
+            background: #fff;
+        }
+
+        input:focus {
+            outline: none;
+            background: #f9f9f9;
+        }
+
+        button {
+            border: 1px solid #000;
+            background: #eee;
+            padding: 4px 10px;
+            cursor: pointer;
+            font-size: 12px;
+            font-weight: bold;
+        }
+
+        button:hover {
+            background: #000;
+            color: #fff;
+        }
+
+        .nav-link {
+            font-weight: bold;
+            text-decoration: underline;
+            font-size: 11px;
+        }
+
+        .label {
+            font-size: 10px;
+            font-weight: bold;
+            text-transform: uppercase;
+            margin-bottom: 2px;
+        }
+
+        .error {
+            border: 1px solid #000;
+            background: #ffcccc;
+            font-size: 11px;
+            padding: 4px;
+            margin-bottom: 10px;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+
+<div class="max-w-md mx-auto">
+
+    <header class="mb-8 border-b-4 border-black pb-2 flex justify-between items-end">
+        <h1 class="text-3xl font-black uppercase tracking-tighter">
+            System Access
+        </h1>
+
+        <a href="/" class="nav-link">
+            ← BACK
+        </a>
+    </header>
+
+
+    <div class="box p-4">
+
+        {{if .Error}}
+        <div class="error">
+            ACCESS DENIED
+        </div>
+        {{end}}
+
+        <form method="POST" action="/login" class="space-y-3">
+
+            <div>
+                <div class="label">Username</div>
+                <input
+                        name="username"
+                        required
+                        autocomplete="username"
+                >
+            </div>
+
+            <div>
+                <div class="label">Password</div>
+                <input
+                        type="password"
+                        name="password"
+                        required
+                        autocomplete="current-password"
+                >
+            </div>
+
+            <div class="pt-2">
+                <button type="submit">
+                    AUTHENTICATE
+                </button>
+            </div>
+
+        </form>
+
+    </div>
+</div>
+
+</body>
+</html>