Added favicons and shit like this.

resources/migrations/sql/create_tables_001.sql

@@ -14,7 +14,7 @@ VALUES ('aaaabbbbccccddddeeeeffffgggghhhhiiiijjjjkkkk');
 CREATE TABLE IF NOT EXISTS users
 (
     id            INTEGER PRIMARY KEY AUTOINCREMENT,
-    name          TEXT NOT NULL,
+    name          TEXT NOT NULL UNIQUE,
     public_key    TEXT NOT NULL,
     creation_time DATETIME DEFAULT CURRENT_TIMESTAMP
 );

resources/static/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/static/favicons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/static/favicons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

resources/templates/base.html

@@ -3,6 +3,12 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/favicons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicons/favicon-16x16.png">
+    <link rel="manifest" href="/static/favicons/site.webmanifest">
+
     <title>ledger</title>
     <link rel="stylesheet" href="/static/vendor/uikit.min.css" />
     <script src="/static/vendor/uikit.min.js"></script>

resources/templates/partials/index/failure.html

@@ -0,0 +1,16 @@
+<div>
+  <p>
+    Sorry mate, that was plainly wrong.
+  </p>
+</div>
+
+
+<form hx-post="/logout"
+      hx-ext="json-enc"
+      hx-swap="innerHTML"
+      hx-target="#home-page-main-block">
+
+  <div class="uk-margin">
+    <button class="uk-button uk-button-default" type="click">Retry</button>
+  </div>
+</form>

resources/templates/partials/index/form.html

@@ -4,8 +4,8 @@
       hx-target="#home-page-main-block">
   <div class="uk-margin">
     <label>
-      Username
-      <input class="uk-input" type="text" name="username" required>
+      Email
+      <input class="uk-input" type="email" name="username" required>
     </label>
   </div>
   <div class="uk-margin">

resources/templates/partials/index/success.html

@@ -1,7 +1,7 @@
 <div>
 
   <p>
-    You are logged in as {{ name }}.
+    Congrat! You are now logged in as {{ user.name }}.
   </p>
 </div>