42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
|
<!doctype html>
|
|||
|
|
<!-- un jour, on pourrait ajouter un relai snowflake -->
|
|||
|
|
<!-- un jour, on pourrait ajouter miroir en .oignon -->
|
|||
|
|
<html lang="fr">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>La Distorsion</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>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="index.html">maison</a></li>
|
|||
|
|
<li><a href="">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>
|
|||
|
|
<p>Peut être qu'un jour on écrira des trucs par ici ;)</p>
|
|||
|
|
</main>
|
|||
|
|
<footer>
|
|||
|
|
<p>mél: <a class="mel">distorsion (A) groupes.renater.fr</a></p>
|
|||
|
|
</footer>
|
|||
|
|
</body>
|
|||
|
|
</html>
|