style: liste éditoriale, navbar avec tagline, footer 2 colonnes

templates/layout.php

@@ -34,7 +34,10 @@
 <header>
     <nav class="navbar navbar-expand-lg navbar-light mb-0" role="navigation" aria-label="Navigation principale">
         <div class="container-fluid">
-            <a class="navbar-brand" href="route.php">📝 varlog</a>
+            <a class="navbar-brand d-flex flex-column lh-1" href="route.php">
+                <span>varlog</span>
+                <small class="navbar-tagline">journal de Cédrix · informatique, hack &amp; loisirs</small>
+            </a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Basculer la navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -51,8 +54,20 @@
     <?= $content ?>
 </main>
 
-<footer class="text-center text-muted py-4 mt-5 small" role="contentinfo">
-    &copy; <?= date('Y') ?> — <strong>varlog</strong> est un journal personnel développé par Cédrix
+<footer class="py-5 mt-5" role="contentinfo">
+    <div class="container">
+        <div class="footer-inner">
+            <div class="footer-about">
+                <strong>varlog</strong>
+                <p>Journal personnel de Cédrix.<br>Informatique, hack et loisirs techniques.</p>
+                <small>&copy; <?= date('Y') ?> &mdash; <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener">CC BY 4.0</a></small>
+            </div>
+            <nav class="footer-nav" aria-label="Liens du site">
+                <a href="route.php?action=about">À propos</a>
+                <a href="route.php?action=legal">Mentions légales</a>
+            </nav>
+        </div>
+    </div>
 </footer>
 
 <!-- JS -->