setup htmx to swap (or not) inner html

2026-03-19 15:46:26 +01:00 · 2026-03-19 15:46:26 +01:00 · bfc2721f28
commit bfc2721f28
parent 7815b07f81
6 changed files with 23 additions and 9 deletions
--- a/templates/base.html
+++ b/templates/base.html
@ -5,13 +5,16 @@
  <meta charset="UTF-8" />
  <link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif" />
  <title>Ａｇａｈｎｉｍ</title>
-  <link rel="stylesheet" href="/static/style.css">
+  <link rel="stylesheet" href="/static/style.css" />
+  <script src="/static/vendor/htmx.min.js"></script>
 </head>

-<body>
+<body hx-boost="true" hx-target="#content">
  {% include "partials/header.html" %}

-  {% block content %}{% endblock %}
+  <main id="content">
+    {% block content %}{% endblock %}
+  </main>

 </body>

--- a/templates/index.html
+++ b/templates/index.html
@ -2,6 +2,5 @@


 {% block content %}
-<h1>Bonjour</h1>
-<p>Bienvenue sur mon site.</p>
+{% include "partials/index.html" %}
 {% endblock %}
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@ -1,6 +1,5 @@
 <header>
  <nav>
    <a href="/">Accueil</a>
-    <a href="/blog">Blog</a>
  </nav>
 </header>
--- a/templates/partials/index.html
+++ b/templates/partials/index.html
@ -0,0 +1 @@
+<h1>Bonjour</h1>