feat: admin status, first user is admin, site settings

templates/auth/account_settings.html

@@ -5,7 +5,7 @@
     opacity: 0.5;
   }
 </style>
-<main class="grow flex flex-col prose container mx-auto mt-2 sm:mt-4">
+<main class="grow flex flex-col prose container mx-auto mt-2 p-5 sm:mt-4">
   <h1 class="text-center">Account Settings</h1>
   <div class="form-control">
     <label class="label">

templates/auth/admin_panel.html

@@ -0,0 +1,13 @@
+{% extends 'body_base.html' %}
+{% block main %}
+<main class="container justify-center flex-grow flex mx-auto mt-4 p-5">
+  Hello
+  {% if user.admin %}
+  admin
+  {% else %}
+  user
+  {% endif %}
+
+  {{settings}}
+</main>
+{% endblock %}

templates/body_base.html

@@ -19,7 +19,7 @@
                 <summary>Account</summary>
                 <ul class="bg-base-100 rounded-t-none p-2">
                   <li><a hx-boost="true" class="" href="/account">Account</a></li>
-                  <li><a hx-boost="true" class="" href="/admin">Admin Panel</a></li>
+                  <li><a hx-boost="true" class="" href="/admin">Admin</a></li>
                   <li><a hx-boost="true" href="/signout">Sign out</a></li>
                 </ul>
               </details>

templates/errors/error.html

@@ -1,7 +1,6 @@
-{% extends "body_base.html" %}
-
+{% extends 'body_base.html' %}
 {% block main %}
-<div class="container mx-auto flex items-center justify-center">
+<main class="container justify-center flex-grow flex mx-auto mt-4 p-5">
   <div class="flex flex-col space-y-4 text-center">
     <h1 class="text-2xl font-bold  text-error">
       {{ status_code }}
@@ -10,5 +9,5 @@
     <p class="text-base-content/60">{{ description }}</p>
     <a href="/" class="btn btn-primary mt-8">Go Home</a>
   </div>
-</div>
+</main>
 {% endblock %}