44 lines
1.4 KiB
HTML
44 lines
1.4 KiB
HTML
<!doctype html>
|
||
<!-- un jour, on pourrait ajouter miroir en .oignon -->
|
||
<html lang="fr">
|
||
<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" />
|
||
<script src="/js/styleswitcher.js"></script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>La Distorsion</h1>
|
||
<nav class="menu">
|
||
<ul>
|
||
<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>
|
||
<li>
|
||
<label for="style">change de style :</label>
|
||
<select class="style" name="style">
|
||
<option>Simple</option>
|
||
<option>Darkmagenta</option>
|
||
</select>
|
||
<script>
|
||
const selectSelect = document.querySelector(".style");
|
||
selectSelect.addEventListener("change", (event) => { setActiveStyleSheet(event.target.value); });
|
||
</script>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<main>
|
||
<nav class="blog">
|
||
<ul>
|
||
<li><a href="/blog/article-template.html">Template d'article</a></li>
|
||
</ul>
|
||
</nav>
|
||
</main>
|
||
<footer>
|
||
<p>mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p>
|
||
</footer>
|
||
</body>
|
||
</html>
|