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,40 +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 %}Change password · Flowers{% endblock %}
+{% block menuoptions %}<a class="text-link" href="{{ url_for('flower_vase.index') }}">Back to sign in</a>{% endblock %}
 {% block content %}
-<div class="splash-container">
-    <div class="splash">
-        <form class="pure-form pure-form-aligned" action="{{ url_for('flower_vase.update_pwd') }}" method="post">
-            <fieldset>
-                <div class="pure-control-group">
-                    <input name="name" type="text" placeholder="your existing name">
-                </div>
-
-                <div class="pure-control-group">
-                    <input name="old_password" type="password" placeholder="your existing password">
-                </div>
-
-                <div class="pure-control-group">
-                    <input maxlength="10" name="new_password" type="password" placeholder="make up you password, the longer the better">
-                </div>
-
-
-                <div class="pure-controls">
-                    <button type="submit" class="pure-button pure-button-primary">Update Password</button>
-                </div>
-            </fieldset>
-        </form>
-        {{ message }}
-
-    </div>
-</div>
-
-{% endblock content %}
+<section class="auth-layout">
+  <div class="intro">
+    <p class="eyebrow">Re-encrypt your vault</p>
+    <h1>Change password.</h1>
+    <p>Every existing encrypted field will be rewritten with the new legacy-compatible key.</p>
+  </div>
+  <form class="card form-card" action="{{ url_for('flower_vase.update_pwd') }}" method="post">
+    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
+    <h2>Vault credentials</h2>
+    {% if message %}<p class="field-error">{{ message }}</p>{% endif %}
+    <label for="name">Username</label>
+    <input id="name" name="name" type="text" autocomplete="username" required>
+    <label for="old-password">Current password</label>
+    <input id="old-password" name="old_password" type="password" autocomplete="current-password" required>
+    <label for="new-password">New password</label>
+    <input maxlength="43" id="new-password" name="new_password" type="password" pattern="[A-Za-z0-9_+/-]+" autocomplete="new-password" required>
+    <button class="button primary" type="submit">Re-encrypt vault</button>
+  </form>
+</section>
+{% endblock %}