2025-01-24 23:27:15 +01:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<!-- un jour, on pourrait ajouter miroir en .oignon -->
|
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
2025-01-24 23:27:15 +01:00
|
|
|
|
<title>La Distorsion - Blog</title>
|
|
|
|
|
|
<link href="/css/simple.css" rel="stylesheet" title="Simple" />
|
|
|
|
|
|
<link href="/css/darkmagenta.css" rel="alternate stylesheet" title="Darkmagenta" />
|
|
|
|
|
|
<script src="/js/styleswitcher.js"></script>
|
2025-01-24 23:27:15 +01:00
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<header>
|
|
|
|
|
|
<h1>La Distorsion</h1>
|
2025-01-24 23:27:16 +01:00
|
|
|
|
<nav class="menu">
|
2025-01-24 23:27:15 +01:00
|
|
|
|
<ul>
|
2025-01-24 23:27:15 +01:00
|
|
|
|
<li><a href="/index.html">maison</a></li>
|
|
|
|
|
|
<li><a href="/presentation.html">présentation</a></li>
|
|
|
|
|
|
<li><a href="/blog.html">blog</a></li>
|
2025-01-24 23:27:15 +01:00
|
|
|
|
<li>
|
|
|
|
|
|
<label for="style">change de style :</label>
|
|
|
|
|
|
<select class="style" name="style">
|
|
|
|
|
|
<option>Simple</option>
|
2025-01-24 23:27:16 +01:00
|
|
|
|
<option>No-CSS</option>
|
2025-01-24 23:27:15 +01:00
|
|
|
|
<option>Darkmagenta</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
const selectSelect = document.querySelector(".style");
|
|
|
|
|
|
selectSelect.addEventListener("change", (event) => { setActiveStyleSheet(event.target.value); });
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
<main>
|
2025-01-24 23:27:16 +01:00
|
|
|
|
<nav class="blog">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li><a href="/blog/article-template.html">Template d'article</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</nav>
|
2025-01-24 23:27:15 +01:00
|
|
|
|
</main>
|
|
|
|
|
|
<footer>
|
2025-01-24 23:27:16 +01:00
|
|
|
|
<p>mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p>
|
2025-01-24 23:27:15 +01:00
|
|
|
|
</footer>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
