release: 1.1.1 - session auth and security improvements

web/login.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+
+    <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1.0"
+    >
+
+    <title>{{.Title}}</title>
+
+    <script src="/static/tailwind.js"></script>
+
+    <link
+        rel="stylesheet"
+        href="/static/app.css"
+    >
+</head>
+
+<body class="bg-gray-100 min-h-screen flex items-center justify-center">
+
+    <main class="w-full max-w-sm bg-white shadow border border-gray-200">
+
+        <header class="bg-gray-800 text-white px-6 py-4 border-b-4 border-red-600">
+            <h1 class="text-xl font-normal">
+                Fake SMTP Server
+            </h1>
+
+            <p class="text-gray-400 text-sm mt-1">
+                Sign in
+            </p>
+        </header>
+
+        <div class="p-6">
+
+            {{if .Error}}
+
+            <div class="mb-4 px-3 py-2 bg-red-50 border border-red-200 text-red-700 text-sm">
+                {{.Error}}
+            </div>
+
+            {{end}}
+
+            <form
+                method="post"
+                action="/login"
+                autocomplete="on"
+            >
+
+                <div class="mb-4">
+                    <label
+                        for="username"
+                        class="block text-sm font-medium text-gray-700 mb-1"
+                    >
+                        Username
+                    </label>
+
+                    <input
+                        id="username"
+                        name="username"
+                        type="text"
+                        required
+                        autofocus
+                        autocomplete="username"
+                        class="w-full border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:border-gray-500"
+                    >
+                </div>
+
+                <div class="mb-5">
+                    <label
+                        for="password"
+                        class="block text-sm font-medium text-gray-700 mb-1"
+                    >
+                        Password
+                    </label>
+
+                    <input
+                        id="password"
+                        name="password"
+                        type="password"
+                        required
+                        autocomplete="current-password"
+                        class="w-full border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:border-gray-500"
+                    >
+                </div>
+
+                <button
+                    type="submit"
+                    class="w-full bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 text-sm"
+                >
+                    Sign in
+                </button>
+
+            </form>
+
+        </div>
+    </main>
+
+</body>
+</html>