41 lines
1.4 KiB
HTML
41 lines
1.4 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 - Présentation</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="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>
|
||
<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>
|