feat: add navbar layout with some JS controls (with Alpine.js)

2024-08-04 20:40:09 +02:00
parent a82e43ce7f
commit 5e5267210b
15 changed files with 859 additions and 19 deletions
--- a/crates/app/templates/base.html
+++ b/crates/app/templates/base.html
@ -1,14 +1,21 @@
 <!doctype html>
-<html lang="en">
+<html lang="fr" class="h-full">
  <head>
    <title>{% block title %}{{ title }}{% endblock %}</title>

    <script src="/assets/js/htmx.min.js"></script>
+    <script src="//unpkg.com/alpinejs" defer></script>
    <link href="/assets/css/style.css" rel="stylesheet">

    {% block head %}{% endblock %}
  </head>
-  <body>
-    {% block body %}{% endblock %}
+  <body class="h-full">
+    <div class="min-h-full">
+      {% block nav %}
+        {% include "layout/nav.html" %}
+      {% endblock %}
+
+      {% block body %}{% endblock %}
+    </div>
  </body>
 </html>