From 0de89e6bc6a467b2cc4261ae65464f40119cc0ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20Herg=C3=A8s?= <william@herges.fr>
Date: Fri, 3 Oct 2025 18:40:45 +0200
Subject: feat(frontend): use htmx to dynamically navigate between pages

---
 backend/templates/base.html         | 12 ++++++------
 backend/templates/components.html   | 25 +++++++++++++++++++++++++
 backend/templates/home.html         |  2 ++
 backend/templates/home_log.html     |  6 +++++-
 backend/templates/log.html          |  2 +-
 backend/templates/logs_display.html | 25 -------------------------
 backend/templates/simple.html       |  6 +++++-
 7 files changed, 44 insertions(+), 34 deletions(-)
 create mode 100644 backend/templates/components.html
 delete mode 100644 backend/templates/logs_display.html

(limited to 'backend/templates')

diff --git a/backend/templates/base.html b/backend/templates/base.html
index 68d3f8d..fec24ef 100644
--- a/backend/templates/base.html
+++ b/backend/templates/base.html
@@ -28,14 +28,14 @@
 <header>
     <img src="{{ static .Logo.Header }}" alt="Logo">
     <nav>
-        {{ range .Links }}<a href="{{ .URL }}">{{ .Name }}</a>{{end}}
+        {{ range .Links }}
+        <a href="{{ .URL }}">
+            {{ .Name }}
+        </a>
+        {{end}}
     </nav>
 </header>
-{{ if .Article }}
-<main>{{ template "body" . }}</main>
-{{ else }}
-<article>{{ template "body" . }}</article>
-{{ end }}
+{{ template "body" . }}
 <footer>
     <p>&copy; 2025 - Anhgelus Morthuuzh</p>
     <p>«&thinsp;{{ .Quote }}&thinsp;»</p>
diff --git a/backend/templates/components.html b/backend/templates/components.html
new file mode 100644
index 0000000..adafacf
--- /dev/null
+++ b/backend/templates/components.html
@@ -0,0 +1,25 @@
+{{define "logs_display"}}
+<article>
+    {{ range .Logs }}
+    <article>
+        <h2><a href="/log/{{ .Slug }}">{{ .LogTitle }}</a></h2>
+        <figure>
+            <a href="/log/{{ .Slug }}"><img src="{{ .Img.Src }}" alt="{{ .Img.Alt }}"></a>
+            <figcaption>{{ .Img.Legend }}</figcaption>
+        </figure>
+        <p>
+            {{ .Description }}
+        </p>
+    </article>
+    {{ end }}
+    {{ if ne .PagesNumber 1 }}
+    <div class="pagination">
+        <div>
+            {{ if ne .CurrentPage 1 }}<a href="?page={{ before .CurrentPage }}">Précédent</a>{{else}}<p></p>{{end}}
+            <p>{{ .CurrentPage }}/{{ .PagesNumber }}</p>
+            {{ if ne .CurrentPage .PagesNumber }}<a href="?page={{ next .CurrentPage }}">Suivant</a>{{else}}<p></p>{{end}}
+        </div>
+    </div>
+    {{ end }}
+</article>
+{{end}}
diff --git a/backend/templates/home.html b/backend/templates/home.html
index 1a6b158..de9d2af 100644
--- a/backend/templates/home.html
+++ b/backend/templates/home.html
@@ -1,4 +1,5 @@
 {{define "body"}}
+<main id="content">
 <div class="introduction">
     <h1>logs</h1>
     <p>
@@ -6,4 +7,5 @@
     </p>
 </div>
 {{ template "logs_display" . }}
+</main>
 {{end}}
diff --git a/backend/templates/home_log.html b/backend/templates/home_log.html
index 2301ffd..c57272c 100644
--- a/backend/templates/home_log.html
+++ b/backend/templates/home_log.html
@@ -1 +1,5 @@
-{{define "body"}}{{ template "logs_display" . }}{{end}}
+{{define "body"}}
+<main id="content">
+{{ template "logs_display" . }}
+</main>
+{{end}}
diff --git a/backend/templates/log.html b/backend/templates/log.html
index 57948d4..789bdae 100644
--- a/backend/templates/log.html
+++ b/backend/templates/log.html
@@ -1,5 +1,5 @@
 {{define "body"}}
-<article>
+<article id="content">
     <h1>{{ .LogTitle }}</h1>
     <p>
         {{ .Description }}
diff --git a/backend/templates/logs_display.html b/backend/templates/logs_display.html
deleted file mode 100644
index adafacf..0000000
--- a/backend/templates/logs_display.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{{define "logs_display"}}
-<article>
-    {{ range .Logs }}
-    <article>
-        <h2><a href="/log/{{ .Slug }}">{{ .LogTitle }}</a></h2>
-        <figure>
-            <a href="/log/{{ .Slug }}"><img src="{{ .Img.Src }}" alt="{{ .Img.Alt }}"></a>
-            <figcaption>{{ .Img.Legend }}</figcaption>
-        </figure>
-        <p>
-            {{ .Description }}
-        </p>
-    </article>
-    {{ end }}
-    {{ if ne .PagesNumber 1 }}
-    <div class="pagination">
-        <div>
-            {{ if ne .CurrentPage 1 }}<a href="?page={{ before .CurrentPage }}">Précédent</a>{{else}}<p></p>{{end}}
-            <p>{{ .CurrentPage }}/{{ .PagesNumber }}</p>
-            {{ if ne .CurrentPage .PagesNumber }}<a href="?page={{ next .CurrentPage }}">Suivant</a>{{else}}<p></p>{{end}}
-        </div>
-    </div>
-    {{ end }}
-</article>
-{{end}}
diff --git a/backend/templates/simple.html b/backend/templates/simple.html
index dd00397..7b4f6d3 100644
--- a/backend/templates/simple.html
+++ b/backend/templates/simple.html
@@ -1 +1,5 @@
-{{ define "body" }}{{ .Content }}{{ end }}
+{{ define "body" }}
+<main id="content">
+{{ .Content }}
+</main>
+{{ end }}
-- 
cgit v1.2.3