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>
<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>