diff --git a/content/cgv.md b/content/cgv.md
index bff145f..4b4812e 100644
--- a/content/cgv.md
+++ b/content/cgv.md
@@ -1,13 +1,9 @@
 +++
 title = "Conditions générales de vente"
-template = "home.html"
+template = "page.html"
 [extra]
 +++
 
-[Retour à l'accueil](/)
-
----
-
 TODO :
 
 
@@ -31,3 +27,7 @@ Modalités de règlement des litiges : tribunal compétent et possibilité de re
 
 Vous devez également fournir un lien vers la médiation de la consommation.
 https://www.economie.gouv.fr/mediation-conso/vous-etes-un-consommateur/quel-mediateur-saisir/mediateurs-references
+
+- test
+- 1
+- 2
diff --git a/content/contact.md b/content/contact.md
index 1d5bfcb..e59dbe9 100644
--- a/content/contact.md
+++ b/content/contact.md
@@ -1,6 +1,6 @@
 +++
 title = "Contact"
-template = "home.html"
+template = "page.html"
 [extra]
 +++
 
diff --git a/content/creation/_index.md b/content/creation/_index.md
index 13b4d55..66d38ab 100644
--- a/content/creation/_index.md
+++ b/content/creation/_index.md
@@ -1,7 +1,8 @@
 +++
 title = "Création originale"
-template = "home.html"
+template = "section.html"
 weight = 1
+sort_by = "date"
 [extra]
 subtitle = "Fabriquer en suivant vos besoins"
 button = "Découvrir mes réalisations"
diff --git a/content/mentions-legales.md b/content/mentions-legales.md
index 04bcdea..90c5583 100644
--- a/content/mentions-legales.md
+++ b/content/mentions-legales.md
@@ -1,6 +1,6 @@
 +++
 title = "Mentions légales"
-template = "home.html"
+template = "page.html"
 [extra]
 +++
 
diff --git a/content/reparation/_index.md b/content/reparation/_index.md
index 147d747..e033dc7 100644
--- a/content/reparation/_index.md
+++ b/content/reparation/_index.md
@@ -1,7 +1,8 @@
 +++
 title = "Réparation"
-template = "home.html"
+template = "section.html"
 weight = 2
+sort_by = "date"
 [extra]
 subtitle = "Redonner vie aux choses aimées"
 button = "Mes réparations passées"
diff --git a/content/reparation/lampe-vintage copy copy.md/index.md b/content/reparation/lampe-vintage copy copy.md/index.md
new file mode 100644
index 0000000..7919a52
--- /dev/null
+++ b/content/reparation/lampe-vintage copy copy.md/index.md	
@@ -0,0 +1,10 @@
++++
+title = "Lampe vintage 3"
+date = 2025-07-30
+template = "page.html"
+weight = 2
+[extra]
+alt = "Une photo d'une jolie lampe de bureau vintage bleue"
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
diff --git a/content/reparation/lampe-vintage copy.md/index.md b/content/reparation/lampe-vintage copy.md/index.md
new file mode 100644
index 0000000..37d1d4c
--- /dev/null
+++ b/content/reparation/lampe-vintage copy.md/index.md	
@@ -0,0 +1,10 @@
++++
+title = "Lampe vintage 2"
+date = 2025-07-25
+template = "page.html"
+weight = 2
+[extra]
+alt = "Une photo d'une jolie lampe de bureau vintage bleue"
++++
+
+Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.
diff --git a/content/reparation/lampe-vintage.md/index.md b/content/reparation/lampe-vintage.md/index.md
new file mode 100644
index 0000000..97ebb12
--- /dev/null
+++ b/content/reparation/lampe-vintage.md/index.md
@@ -0,0 +1,10 @@
++++
+title = "Lampe vintage"
+date = 2025-07-23
+template = "page.html"
+weight = 2
+[extra]
+alt = "Une photo d'une jolie lampe de bureau vintage bleue"
++++
+
+Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
diff --git a/content/yunohost/_index.md b/content/yunohost/_index.md
index 8a8268a..8b9c489 100644
--- a/content/yunohost/_index.md
+++ b/content/yunohost/_index.md
@@ -1,6 +1,6 @@
 +++
 title = "YunoHost"
-template = "home.html"
+template = "section.html"
 weight = 3
 [extra]
 subtitle = "Avoir son propre serveur et services informatiques"
diff --git a/static/img/placeholder.png b/static/img/placeholder.png
new file mode 100644
index 0000000..b4f88f5
Binary files /dev/null and b/static/img/placeholder.png differ
diff --git a/templates/404.html b/templates/404.html
index d81d9b5..76651a2 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,6 +1,7 @@
-{% extends "base.html" %}
+{% extends "base.html" %}{% block content %}
+
+<h1 class="title is-2">Erreur 404</h1>
+<br />
+<p class="subtitle is-4">Quoi que vous cherchiez, ce n'est pas ici…</p>
 
-{% block content %}
-<h1>Erreur 404</h1>
-<p>Quoi que vous cherchiez, ce n'est pas ici…</p>
 {% endblock content %}
diff --git a/templates/base.html b/templates/base.html
index f442cd7..1c1292a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,7 +8,44 @@
 </head>
 <body>
   <main {% include "partials/lang_attr.html" -%} >
-    {%- block content %} {% endblock content -%}
+      <div class="section">
+          <div class="container is-desktop">
+          <div class="columns is-centered is-desktop">
+              <div class="column is-narrow is-two-third-touch">
+                  <!-- Logo card -->
+                  <div class="card has-background-primary-light" style="position: sticky; top: 3em;">
+                      <div class="card-content">
+                          <div class="media">
+                              <div class="media-left">
+                                  <a href="/">
+                                      <figure class="image is-1by1 is-128x128">
+                                          <img class="is-rounded" src="/img/glitch.png" alt="A glitched image"></img>
+                                      </figure>
+                                  </a>
+                              </div>
+                              <div class="media-content">
+                                  <h1 class="title is-1 has-text-primary-dark has-text-right">{{ config.title }}</h1>
+                                  <p class="subtitle is-4 has-text-primary-dark has-text-right">Créatrice d'objets singuliers</p>
+                                  <div class="buttons has-addons is-pulled-right">
+                                  {%- if false or ( current_path and current_path != "/" ) -%}
+                                      <a class="button is-link is-outlined is-pulled-right" href="/">Accueil</a>
+                                  {%- endif -%}
+                                  {%- if not page or page and not page.title == "Contact" -%}
+                                      <a class="button is-link is-outlined is-pulled-right" href="/contact">Me contacter</a>
+                                  {%- endif -%}
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+              <div class="column is-full-until-widescreen is-offset-one-third">
+                  <!-- Actual content -->
+                  {%- block content %} {% endblock content -%}
+              </div>
+          </div>
+          </div>
+      </div>
   </main>
   <footer class="footer">
       <div class="content has-text-centered">
diff --git a/templates/home.html b/templates/home.html
index 132de7d..519984f 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -1,79 +1,37 @@
-{% extends "base.html" %} {% block content %}
-
-<div class="section">
-    <div class="container is-desktop">
-    <div class="columns is-centered is-desktop">
-        <div class="column is-narrow is-two-third-touch">
-            <div class="card has-background-primary-light" style="position: sticky; top: 3em;">
-                <div class="card-content">
-                    <div class="media">
-                        <div class="media-left">
-                            <a href="/">
-                                <figure class="image is-1by1 is-128x128">
-                                    <img class="is-rounded" src="/img/glitch.png" alt="A glitched image"></img>
-                                </figure>
-                            </a>
-                        </div>
-                        <div class="media-content">
-                            <h1 class="title is-1 has-text-primary-dark has-text-right">{{ config.title }}</h1>
-                            <p class="subtitle is-4 has-text-primary-dark has-text-right">Créatrice d'objets singuliers</p>
-                            <div class="buttons has-addons is-pulled-right">
-                            {%- if not current_path == "/" -%}
-                                <a class="button is-link is-outlined is-pulled-right" href="/">Accueil</a>
-                            {%- endif -%}
-                            {%- if not page or page and not page.title == "Contact" -%}
-                                <a class="button is-link is-outlined is-pulled-right" href="/contact">Me contacter</a>
-                            {%- endif -%}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+{% extends "base.html" %} {% block content %} {%- if section -%} {%- if not
+section.extra.hide_title -%}
+<h2 class="title is-3">{{- section.title -}}</h2>
+{%- if section.extra.subtitle -%}
+<p class="subtitle is-5 has-text-primary-dark">
+    {{- section.extra.subtitle -}}
+</p>
+{%- endif -%} {%- endif -%} {{- section.content | safe -}} {% for sect in
+section.subsections %} {%- set sect = get_section(path=sect) %}
+<section class="content-section">
+    <div class="columns is-mobile">
+        <div class="column">
+            <h2 class="title is-4">
+                <a href="{{ get_url(path=sect.path | safe) }}"
+                    >{{ sect.title }}</a
+                >
+            </h2>
+            <p class="subtitle is-5">{{ sect.extra.subtitle }}</p>
         </div>
-        <div class="column is-full-until-widescreen is-offset-one-third">
-            {%- if section -%}
-                {%- if not section.extra.hide_title -%}
-                    <h2 class="title is-3">{{- section.title -}}</h2>
-                    {%- if section.extra.subtitle -%}
-                        <p class="subtitle is-5 has-text-primary-dark">{{- section.extra.subtitle -}}</p>
-                    {%- endif -%}
-                {%- endif -%}
-                {{- section.content | safe -}}
-                {% for sect in section.subsections %}
-                    {%- set sect = get_section(path=sect) %}
-                    <section class="content-section">
-                        <div class="columns is-mobile">
-                            <div class="column">
-                                <h2 class="title is-4"><a href="{{ get_url(path=sect.path | safe) }}">{{ sect.title }}</a></h2>
-                                <p class="subtitle is-5">{{ sect.extra.subtitle }}</p>
-                            </div>
-                            {%- if sect.extra.button -%}
-                            <div class="column is-pulled-right is-narrow">
-                                <p>
-                                    <a class="button" href="{{ get_url(path=sect.path | safe) ~ '#continue-reading' }}">{{- sect.extra.button -}}</a>
-                                </p>
-                            </div>
-                            {%- endif -%}
-                        </div>
-                            {{- sect.content  | split(pat="<!-- cut -->") | first | safe -}}
-                        <br>
-                    </section>
-                    {% if not loop.last %} <hr> {% endif %}
-                {% endfor -%}
-            {%- endif -%}
-            {%- if page -%}
-                {%- if not page.extra.hide_title -%}
-                    <h2 class="title is-3">{{- page.title -}}</h2>
-                    {%- if page.extra.subtitle -%}
-                        <p class="subtitle is-5 has-text-primary-dark">{{- page.extra.subtitle -}}</p>
-                    {%- endif -%}
-                {%- endif -%}
-                <div class="content">
-                    {{- page.content | safe -}}
-                </div>
-            {%- endif -%}
+        {%- if sect.extra.button -%}
+        <div class="column is-pulled-right is-narrow">
+            <p>
+                <a
+                    class="button"
+                    href="{{ get_url(path=sect.path | safe) ~ '#continue-reading' }}"
+                    >{{- sect.extra.button -}}</a
+                >
+            </p>
         </div>
+        {%- endif -%}
     </div>
-    </div>
-</div>
-{% endblock content %}
+    {{- sect.content | split(pat="<!-- cut -->") | first | safe -}}
+    <br />
+</section>
+{% if not loop.last %}
+<hr />
+{% endif %} {% endfor -%} {%- endif -%} {% endblock content %}
diff --git a/templates/page.html b/templates/page.html
index 25f4b8c..adcca43 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,9 +1,14 @@
 {% extends "base.html" %} {% block content %}
 
-<section class="section">
-    <div class="content container is-desktop">
-        <h1 class="title is-2">{{ page.title }}</h1>
-        <hr />
-        {{- page.content | safe -}} {% endblock content %}
-    </div>
-</section>
+<h2 class="title is-3">{{- page.title -}}</h2>
+{% set ancestor = page.relative_path | split(pat="/") | first %} {%- if ancestor
+in ["creation", "reparation"] -%}
+<p class="subtitle is-5 has-text-primary-dark">SECTION</p>
+{%- endif -%} {%- if page.date -%}
+<time datetime="{{ page.date }}">
+    Réalisé le
+    <span class="is-info">{{ page.date | date(format="%Y-%m-%d") }}</span>
+</time>
+{%- endif -%}
+<section class="content-section">{{- page.content | safe -}}</section>
+{% endblock content %}
diff --git a/templates/section.html b/templates/section.html
new file mode 100644
index 0000000..4849646
--- /dev/null
+++ b/templates/section.html
@@ -0,0 +1,40 @@
+{% extends "base.html" %} {% block content %}
+
+<h2 class="title is-3">{{- section.title -}}</h2>
+{%- if section.extra.subtitle -%}
+<p class="subtitle is-5 has-text-primary-dark">
+    {{- section.extra.subtitle -}}
+</p>
+{%- endif -%}
+<section class="content-section">{{- section.content | safe -}}</section>
+
+<div class="grid">
+    {%- for page in section.pages -%}
+    <div class="card cell">
+        <header class="card-header">
+            <p class="card-header-title">{{ page.title }}</p>
+            <button class="card-header-icon" aria-label="more options">
+                <span class="icon">
+                    <i class="fas fa-angle-down" aria-hidden="true"></i>
+                </span>
+            </button>
+        </header>
+        <div class="card-image">
+            <figure class="image is-4by3">
+                <img
+                    src="{{ get_url(path=page.extra.img | default(value='/img/placeholder.png')) }}"
+                    alt="{{ page.extra.alt | default(value="") }}"
+                />
+            </figure>
+        </div>
+        <div class="card-content">
+            <div class="content">{{ page.content |safe }}</div>
+        </div>
+        <footer class="card-footer">
+            <a href="{{ page.path }}" class="card-footer-item">Lire le détail</a>
+        </footer>
+    </div>
+    {%- endfor -%}
+</div>
+
+{% endblock content %}