admin panel, login page with auth session.

2026-04-30 08:02:03 +02:00
parent 676568100f
commit fbc880f40b
13 changed files with 1562 additions and 15 deletions
--- a/internal/website/static/login.html
+++ b/internal/website/static/login.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Portfolio — Samantha Friis</title>
+  <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Fraunces:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap" rel="stylesheet"/>
+  <link rel="stylesheet" href="/styles/login">
+  <script src="https://unpkg.com/htmx.org@2.0.4"></script>
+</head>
+<body>
+<div class="container">
+  <header>
+    <a href="/" class="back">← back</a>
+    <p class="tag">// portfolio</p>
+    <h1>Investment<br/><span>Portfolio</span></h1>
+    <p class="header-sub">Equity positions &nbsp;·&nbsp; Personal research</p>
+  </header>
+
+  <div class="rule"></div>
+
+  <form
+    hx-post="/auth/login"
+    hx-target="#login-response"
+    hx-swap="innerHTML"
+    hx-indicator=".btn-login"
+  >
+    <div class="form-group">
+      <label for="username">Username</label>
+      <input type="text" id="username" name="username" placeholder="your handle" autocomplete="username" required />
+    </div>
+
+    <div class="form-group">
+      <label for="password">Passphrase</label>
+      <input type="password" id="password" name="password" placeholder="········" autocomplete="current-password" required />
+    </div>
+
+    <div class="form-group">
+      <label>Auth Code</label>
+      <input type="text" id="auth-code" name="auth_code" />
+    </div>
+
+    <div class="form-footer">
+      <button class="btn-login" type="submit">
+        <span class="btn-label">
+          Enter
+          <svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 5H13M9 1L13 5L9 9" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </span>
+        <span class="btn-spinner"></span>
+      </button>
+    </div>
+
+    <div id="login-response"></div>
+  </form>
+
+  <footer>
+    <a href="mailto:me@samantha42.xyz">me@samantha42.xyz</a>
+    <p class="footer-copy">&copy; 2026 — All rights reserved</p>
+  </footer>
+</div>
+
+<p class="corner-mark">SF — 2026</p>
+
+</body>
+</html>