Added login/logout.. except for the authentication part... that's to be done later.

resources/templates/index.html

@@ -9,23 +9,7 @@
   </div>
 </div>
 
-<form>
-  <div class="uk-margin">
-    <label>
-      Username
-      <input class="uk-input" type="text">
-    </label>
-  </div>
-  <div class="uk-margin">
-    <label>
-      Password
-      <input class="uk-input" type="password">
-    </label>
-  </div>
-
-  <div class="uk-margin">
-    <button class="uk-button uk-button-default">Login</button>
-  </div>
-</form>
-
+<div id="home-page-main-block">
+  {% include "partials/index/form.html" %}
+</div>
 {% endblock %}

resources/templates/partials/index/form.html

@@ -0,0 +1,21 @@
+<form hx-post="/login"
+      hx-ext="json-enc"
+      hx-swap="innerHTML"
+      hx-target="#home-page-main-block">
+  <div class="uk-margin">
+    <label>
+      Username
+      <input class="uk-input" type="text" name="username" required>
+    </label>
+  </div>
+  <div class="uk-margin">
+    <label>
+      Password
+      <input class="uk-input" name="password" type="password">
+    </label>
+  </div>
+
+  <div class="uk-margin">
+    <button class="uk-button uk-button-default" type="submit">Login</button>
+  </div>
+</form>

resources/templates/partials/index/success.html

@@ -0,0 +1,17 @@
+<div>
+
+  <p>
+    You are logged in as {{ name }}.
+  </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">Logout</button>
+  </div>
+</form>
+