From 3f6a8b58ec1afae02b441fa5f0f1a553d150f4a8 Mon Sep 17 00:00:00 2001
From: distorsion <distorsion@systemli.org>
Date: Fri, 24 Jan 2025 23:27:17 +0100
Subject: [PATCH] Synchronise <head> <header> et <footer>

---
 site/blog/2024-10-25_site_web.html | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)
diff --git a/site/blog/2024-10-25_site_web.html b/site/blog/2024-10-25_site_web.html
index 3fccbad..991a0f7 100644
--- a/site/blog/2024-10-25_site_web.html
+++ b/site/blog/2024-10-25_site_web.html
@@ -4,8 +4,8 @@
   <head>
     <meta charset="utf-8">
     <title>La Distorsion - Blog</title>
-    <link href="/css/simple.css" rel="stylesheet" title="Simple" />
-    <link href="/css/darkmagenta.css" rel="alternate stylesheet" title="Darkmagenta" />
+    <link rel="icon" href="/img/favicon.svg" />
+    <link href="/css/default.css" rel="stylesheet" />
     <script src="/js/styleswitcher.js"></script>
   </head>
   <body>
@@ -14,19 +14,12 @@
       <nav class="menu">
         <ul>
           <li><a href="/index.html">maison</a></li>
-          <li><a href="/presentation.html">présentation</a></li>
+          <li><a href="/infos.html">infos pratiques</a></li>
           <li><a href="/blog.html">blog</a></li>
           <li>
-            <label for="style">change de style :</label>
-            <select class="style" name="style">
-              <option>Simple</option>
-              <option>No-CSS</option>
-              <option>Darkmagenta</option>
-            </select>
-            <script>
-              const selectSelect = document.querySelector(".style");
-              selectSelect.addEventListener("change", (event) => { setActiveStyleSheet(event.target.value); });
-            </script>
+            <label for="styleswitcher">change de style :</label>
+            <select id="styleswitcher"></select>
+            <script>initStyleSelectElement()</script>
           </li>
         </ul>
       </nav>
@@ -162,7 +155,8 @@
       compréhensibles.</p>
     </main>
     <footer>
-      <p>mél: <a class="mel">distorsion (A) groupes.renater.fr</a></p>
+      <p>Pour s'abonner à la liste mél, <a href="https://lebib.org/wws/subscribe/distorsion" target="_blank" ref="noreferrer" rel="noopener">c'est là</a>.</p>
+      <p>Pour nous contacter directement par mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p>
     </footer>
   </body>
 </html>
