43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<!doctype html>
|
||
<!-- un jour, on pourrait ajouter miroir en .oignon -->
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>La Distorsion - Présentation</title>
|
||
<link rel="icon" href="/img/favicon.svg" />
|
||
<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>No-CSS</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>
|
||
<p>Peut être qu'un jour on écrira des trucs par ici ;)</p>
|
||
</main>
|
||
<footer>
|
||
<p>Pour s'abonner à la liste mél, <a href="https://lebib.org/wws/subscribe/distorsion">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>
|