continued

implemented HTMX
implemented ORM (sequelize)

views/messages/404.njk

@@ -0,0 +1,17 @@
+{% extends "./master.njk" %}
+
+{% block content %}
+<div class="container">
+    <div class="d-flex align-items-center justify-content-center py-5">
+        <div class="text-center">
+            <h1 class="display-1 fw-bold">{{ Error.Code }}</h1>
+            <p class="fs-3"> <span class="text-danger">Opps!</span> {{ Error.Title }}</p>
+            <p class="lead">
+                {{ Error.Message }}
+            </p>
+            <a href="{{ Error.Link }}" class="btn btn-primary">Go Back</a>
+        </div>
+    </div>
+</div>
+
+{% endblock %}

views/messages/success.njk

@@ -0,0 +1,20 @@
+{% extends "../master.njk" %}
+
+{% block content %}
+<div id="app" class="w-full min-h-svh flex align-center justify-center">
+    <div class="m-auto max-w-lg relative p-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow">
+        <h5 class="mb-2 text-3xl font-bold text-gray-900 dark:text-white">
+            {{ message.title }}
+        </h5>
+        <p class="mb-5 text-base text-gray-500 sm:text-lg dark:text-gray-400">
+            {{ message.text }}
+        </p>
+        <div class="flex items-center justify-end space-y-4 sm:flex sm:space-y-0 sm:space-x-4 rtl:space-x-reverse">
+            <a href="{{ message.link }}" class="py-2 px-6 rounded text-sm text-white bg-primary-500 hover:bg-primary-600">
+                Continue
+            </a>
+        </div>
+    </div>
+</div>
+
+{% endblock %}