distorsion.interhacker.space/site/index.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>
    <main>
      <h1>La Distorsion</h1>

      <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>

      <p>La Distorsion est un espace-temps de rencontre entre personnes ayant des pratiques critiques des sciences et des techniques. Elle fait partie du <a href="https://interhacker.space">réseau interhack</a> qui tisse des liens entre hackerspaces.</p>

      <h2>Infos pratiques</h2>

      <p>La Distorsion se retrouve tous les jeudis, l'aprèm et même parfois le matin, jusqu'à 20h, heure de fermeture du batiment.</p>

      <p>On est accueilli·es au <a href="https://fablabdigiscope.universite-paris-saclay.fr">Fablab UPSaclay</a>, qui se trouve dans le batiment 660 de l'université, sur le plateau de Saclay. Pour entrer, il faut sonner à la porte, dire au gardien que vous venez pour le fablab, et inscrire un nom sur une feuille (c'est pas idéal, on sait...).</p>

      <p>C'est possible de nous parler par courrier électronique à <address>distorsion (A) groupes.renater.fr</address></p>

      <h2>Les trucs à venir</h2>

      <p>Il se passe à peu près tout le temps des choses, selon les envies et intérêts de personnes présentes, sur un mode très informel. Parfois on formalise un peu plus certaines activités, qu'on essaye d'annoncer ci-dessous.</p>

      <p><strong>Jeudi 10 octobre, à partir de 14h</strong>, on fait une session d'installation de Linux ! Ca peut être l'occasion de chiffrer son disque par exemple. Pas besoin de vouloir installer Linux pour venir : on peut aussi juste discuter ou faire autre chose.</p>

      <h2>Site en (dé)construction</h2>

      <img src="img/construction-opti.webp" alt="un super gif de déconstruction">

    </main>
  </body>
</html>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
+								<!doctype html>
-												optimisation gif + mise en forme README + modifs page web

											
										
										
											2025-01-24 23:25:48 +01:00
+								<!-- un jour, on pourrait ajouter un relai snowflake -->
-												Plus de rangement

Control freaking

											
										
										
											2025-01-24 23:27:15 +01:00
+								<!-- un jour, on pourrait ajouter miroir en .oignon -->
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
+								<html lang="fr">
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								  <head>
 								    <meta charset="utf-8">
 								    <title>La Distorsion</title>
-												Rajoute l'install party linux

											
										
										
											2025-01-24 23:25:49 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								    <link href="css/simple.css" rel="stylesheet" title="Simple" />
 								    <link href="css/darkmagenta.css" rel="alternate stylesheet" title="Darkmagenta" />
-												truc en js pour changer de style

											
										
										
											2025-01-24 23:25:49 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								    <script src="js/styleswitcher.js"></script>
 								  </head>
 								  <body>
 								    <main>
 								      <h1>La Distorsion</h1>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <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>
-												truc en js pour changer de style

											
										
										
											2025-01-24 23:25:49 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p>La Distorsion est un espace-temps de rencontre entre personnes ayant des pratiques critiques des sciences et des techniques. Elle fait partie du <a href="https://interhacker.space">réseau interhack</a> qui tisse des liens entre hackerspaces.</p>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <h2>Infos pratiques</h2>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p>La Distorsion se retrouve tous les jeudis, l'aprèm et même parfois le matin, jusqu'à 20h, heure de fermeture du batiment.</p>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p>On est accueilli·es au <a href="https://fablabdigiscope.universite-paris-saclay.fr">Fablab UPSaclay</a>, qui se trouve dans le batiment 660 de l'université, sur le plateau de Saclay. Pour entrer, il faut sonner à la porte, dire au gardien que vous venez pour le fablab, et inscrire un nom sur une feuille (c'est pas idéal, on sait...).</p>
-												Rajoute l'install party linux

											
										
										
											2025-01-24 23:25:49 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p>C'est possible de nous parler par courrier électronique à <address>distorsion (A) groupes.renater.fr</address></p>
-												Rajoute l'install party linux

											
										
										
											2025-01-24 23:25:49 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <h2>Les trucs à venir</h2>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p>Il se passe à peu près tout le temps des choses, selon les envies et intérêts de personnes présentes, sur un mode très informel. Parfois on formalise un peu plus certaines activités, qu'on essaye d'annoncer ci-dessous.</p>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p><strong>Jeudi 10 octobre, à partir de 14h</strong>, on fait une session d'installation de Linux ! Ca peut être l'occasion de chiffrer son disque par exemple. Pas besoin de vouloir installer Linux pour venir : on peut aussi juste discuter ou faire autre chose.</p>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <h2>Site en (dé)construction</h2>
 								      <img src="img/construction-opti.webp" alt="un super gif de déconstruction">
 								    </main>
 								  </body>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
+								</html>
-												séparation des deux versions

											
										
										
											2025-01-24 23:25:49 +01:00