Add static files and HTML templates for web UI

Embedded Tailwind CSS and login/generator templates. Self-contained with no external dependencies.
2026-01-08 07:38:09 -08:00
parent c033e918f0
commit aad5e59d23
5 changed files with 359 additions and 0 deletions
--- a/internal/templates/login.html
+++ b/internal/templates/login.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pixa - Login</title>
+    <script src="/static/tailwind.js"></script>
+</head>
+<body class="bg-gray-100 min-h-screen flex items-center justify-center">
+    <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+        <h1 class="text-2xl font-bold text-gray-800 mb-6 text-center">Pixa Image Proxy</h1>
+
+        {{if .Error}}
+        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+            {{.Error}}
+        </div>
+        {{end}}
+
+        <form method="POST" action="/" class="space-y-4">
+            <div>
+                <label for="key" class="block text-sm font-medium text-gray-700 mb-1">
+                    Signing Key
+                </label>
+                <input
+                    type="password"
+                    id="key"
+                    name="key"
+                    required
+                    autocomplete="current-password"
+                    class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                    placeholder="Enter your signing key"
+                >
+            </div>
+
+            <button
+                type="submit"
+                class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
+            >
+                Login
+            </button>
+        </form>
+    </div>
+</body>
+</html>