add login page to webserver

2026-07-31 12:45:43 -07:00
parent e8b422e390
commit e53631a65b
4 changed files with 78 additions and 1 deletions
@@ -0,0 +1,43 @@
+<!doctype html>
+<title>Astral Tech - Login</title>
+
+<link
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
+    rel="stylesheet"
+/>
+<link rel="stylesheet" href="static/style.css" />
+<link rel="stylesheet" href="static/error/error.css" />
+<link rel="stylesheet" href="static/card.css" />
+<link rel="stylesheet" href="static/login_page.css" />
+
+<img id="logo_image" alt="logo" src="/logo" />
+<form id="login_card" class="card" method="POST">
+    <div id="welcome_text">
+        Welcome to Astral Tech, Please Sign in to your account below
+    </div>
+
+    <div class="error {{.IsHiddenClassList}}">
+        ⚠️ Invalid username or password.
+        <button class="close_error_button">X</button>
+    </div>
+
+    <div>
+        <label class="input_label">Username</label><br />
+        <input type="text" name="username" placeholder="" required />
+    </div>
+
+    <div>
+        <label class="input_label">Password</label><br />
+        <div class="password_box">
+            <input type="password" name="password" placeholder="" required />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
+    </div>
+    <button type="submit">Login</button>
+</form>
+
+<script src="/static/error/error.js" type="text/javascript"></script>
+<script
+    src="/static/javascript/show_password.js"
+    type="text/javascript"
+></script>