Proper pre-loading and deps

2024-10-30 23:50:34 -06:00
parent 24bf04aa7a
commit 561905aabb
13 changed files with 880 additions and 825 deletions
--- a/pages/templates/layouts/base.html
+++ b/pages/templates/layouts/base.html
@ -10,12 +10,14 @@
    {{template "head" .}}
  </head>

-  <body class="block h-[100%]">
+  <body class="block h-[100%]" hx-ext="preload">
    {{template "header" .}}

    <main class="container flex flex-col items-center justify-center gap-3 sm:gap-6 p-4 text-center mx-auto min-h-[calc(100%-64px)]">
      {{template "main" .}}
    </main>
+    <script src="/public/js/htmx.base.js"></script>
+    <script src="/public/js/htmx.preload.js"></script>
    {{template "foot" .}}
  </body>
 </html>