Synchronise <head> <header> et <footer>

This commit is contained in:
distorsion 2025-01-24 23:27:17 +01:00
parent 4796a6ca87
commit 3f6a8b58ec

View file

@ -4,8 +4,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>La Distorsion - Blog</title> <title>La Distorsion - Blog</title>
<link href="/css/simple.css" rel="stylesheet" title="Simple" /> <link rel="icon" href="/img/favicon.svg" />
<link href="/css/darkmagenta.css" rel="alternate stylesheet" title="Darkmagenta" /> <link href="/css/default.css" rel="stylesheet" />
<script src="/js/styleswitcher.js"></script> <script src="/js/styleswitcher.js"></script>
</head> </head>
<body> <body>
@ -14,19 +14,12 @@
<nav class="menu"> <nav class="menu">
<ul> <ul>
<li><a href="/index.html">maison</a></li> <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><a href="/blog.html">blog</a></li>
<li> <li>
<label for="style">change de style :</label> <label for="styleswitcher">change de style :</label>
<select class="style" name="style"> <select id="styleswitcher"></select>
<option>Simple</option> <script>initStyleSelectElement()</script>
<option>No-CSS</option>
<option>Darkmagenta</option>
</select>
<script>
const selectSelect = document.querySelector(".style");
selectSelect.addEventListener("change", (event) => { setActiveStyleSheet(event.target.value); });
</script>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -162,7 +155,8 @@
compréhensibles.</p> compréhensibles.</p>
</main> </main>
<footer> <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> </footer>
</body> </body>
</html> </html>