diff --git a/src/about/index.html b/src/about/index.html
new file mode 100644
index 0000000..0280656
--- /dev/null
+++ b/src/about/index.html
@@ -0,0 +1,67 @@
+---
+layout: base.html
+---
+
+<!--
+SPDX-FileCopyrightText: 2024 Tom Hubrecht <tom.hubrecht@dgnum.eu>
+
+SPDX-License-Identifier: CC-BY-4.0
+-->
+
+<div class="fixed-grid has-1-cols">
+    <div class="grid">
+        <div class="cell notification p-6">
+            <h2 class="subtitle is-2 has-text-centered">
+                La Délégation Générale Numérique
+            </h2>
+            <p class="has-text-centered">
+                Association loi 1901 domiciliée à l'ENS dont les buts sont de promouvoir
+                la chose numérique ainsi que son usage.
+            </p>
+            <br />
+            <h3 class="subtitle">Documents</h3>
+            <ul class="pl-5">
+                <li><a href="/_uploads/documents/statuts.pdf">Statuts</a></li>
+                <li>
+                    <a href="/_uploads/documents/reglement-interieur.pdf">Règlement Intérieur</a>
+                </li>
+                <li>
+                    <a href="/_uploads/documents/charte-confidentialite.pdf">Charte de confidentialité</a>
+                </li>
+            </ul>
+        </div>
+        <div class="cell notification">
+            <h2 class="subtitle is-2 has-text-centered">Le Bureau</h2>
+            <p class="mb-4">Le bureau est actuellement constitué de :</p>
+            <ul class="pl-5">
+                {% for member in dgnum.bureau %}
+                <li>
+                    {{ member.firstname }} <b>{{ member.surname }}</b>
+                    {% for role in member.roles %}
+                        <span class="tag is-link m-2">{{ role | capitalize }}</span>
+                    {% endfor %}
+                    {% for role in member.co-roles %}
+                        <span class="tag is-primary m-2">{{ role | prepend: "Co-" }}</span>
+                    {% endfor %}
+                </li>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="cell notification">
+            <h2 class="subtitle is-2 has-text-centered">Les Pôles</h2>
+            <p class="mb-4">
+                La Délégation Générale Numérique se divise en pôles thématiques :
+            </p>
+            <ul class="pl-5">
+                {% for pole in dgnum.poles %}
+                <li class="mb-1">
+                    <a {% if pole.handle %}href="poles/{{ pole.handle }}" {% endif %}>
+                        <span class="icon"><i class="ti ti-{{ pole.icon }}"></i></span>
+                        <span class="ml-1">{{ pole.name }}</span>
+                    </a>
+                </li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</div>
diff --git a/src/about/index.md b/src/about/index.md
deleted file mode 100644
index b0adb85..0000000
--- a/src/about/index.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-layout: base.html
----
-
-<div class="fixed-grid has-1-cols">
-    <div class="grid">
-        <div class="cell notification p-6">
-            <h2 class="subtitle is-2 has-text-centered">La Délégation Générale Numérique</h2>
-            <p class="has-text-centered">Association loi 1901 domiciliée à l'ENS dont les buts sont de promouvoir la chose numérique ainsi que son usage.</p>
-            <br>
-            <h3 class="subtitle">Documents</h3>
-            <li><a href="/_uploads/documents/statuts.pdf">Statuts</a></li>
-            <li><a href="/_uploads/documents/reglement-interieur.pdf">Règlement Intérieur</a></li>
-            <li><a href="/_uploads/documents/charte-confidentialite.pdf">Charte de confidentialité</a></li>
-        </div>
-        <div class="cell notification">
-            <h2 class="subtitle is-2 has-text-centered">Le Bureau</h2>
-            <p class="mb-4">
-                Le bureau est actuellement constitué de :
-            </p>
-            <ul class="pl-5">
-            {% for member in dgnum.bureau %}
-                <li>{{ member.firstname }} <b>{{ member.surname }}</b>{% for role in member.roles %}<span class="tag is-link m-2">{{ role | capitalize }}</span>{% endfor %}{% for role in member.co-roles %}<span class="tag is-primary m-2">{{ role | prepend: "Co-" }}</span> {% endfor %}</li>
-            {% endfor %}
-            </ul>
-        </div>
-        <div class="cell notification">
-            <h2 class="subtitle is-2 has-text-centered">Les Pôles</h2>
-            <p class="mb-4">
-                La Délégation Générale Numérique se divise en pôles thématiques :
-            </p>
-            <ul class="pl-5">
-            {% for pole in dgnum.poles %}
-                <li class="mb-1"><a {% if pole.handle %}href="poles/{{ pole.handle }}"{% endif %}><span class="icon"><i class="ti ti-{{ pole.icon }}"></i></span><span class="ml-1">{{ pole.name }}</span></a></li>
-            {% endfor %}
-            </ul>
-        </div>
-    </div>
-</div>