rewritten after codex recommendations

2026-07-18 20:27:19 +02:00
parent f9dc885937
commit 399f539b4f
22 changed files with 1448 additions and 996 deletions
@@ -1,37 +1,24 @@
 {% extends "common.html" %}
-
-{% block headandmenu %}
-<div class="header">
-    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
-        <a class="pure-menu-heading" href="">Flowers</a>
-
-    </div>
-</div>
-{% endblock headandmenu %}
-
+{% block title %}Sign in · Flowers{% endblock %}
+{% block menuoptions %}
+  <a class="text-link" href="{{ url_for('flower_vase.create') }}">Create a vault</a>
+{% endblock %}
 {% block content %}
-<div class="splash-container">
-    <div class="splash">
-        <form class="pure-form pure-form-aligned" action="{{ url_for('flower_vase.application') }}" method="post">
-            <fieldset>
-                <div class="pure-control-group">
-                    <input name="name" type="text" placeholder="{{ name_suggestion }}">
-                </div>
-
-                <div class="pure-control-group">
-                    <input name="password" type="password" placeholder="{{ pwd_suggestion }}">
-                </div>
-
-                <div class="pure-controls">
-                    <button type="submit" class="pure-button pure-button-primary">Submit</button>
-                </div>
-            </fieldset>
-            <input type="hidden" id="action" name="action" value="login">
-            <input type="hidden" id="filter" name="filter" value="DoNotSetFilterinCookie">
-
-        </form>
-
-    </div>
-</div>
-
-{% endblock content %}
+<section class="auth-layout">
+  <div class="intro">
+    <p class="eyebrow">Your private collection</p>
+    <h1>Credentials, kept close.</h1>
+    <p>Open your existing vault. Your encrypted records stay in the same database and format.</p>
+  </div>
+  <form class="card form-card" action="{{ url_for('flower_vase.application') }}" method="post">
+    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
+    <input type="hidden" name="action" value="login">
+    <h2>Sign in</h2>
+    <label for="name">Username</label>
+    <input id="name" name="name" type="text" autocomplete="username" placeholder="{{ name_suggestion }}" required autofocus>
+    <label for="password">Password</label>
+    <input id="password" name="password" type="password" autocomplete="current-password" placeholder="{{ pwd_suggestion }}" required>
+    <button class="button primary" type="submit">Open vault</button>
+  </form>
+</section>
+{% endblock %}