distorsion.interhacker.space/site/index.html

<!doctype html>
<!-- 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>
    <div class="flex">
      <main>
        <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 à <a class="mel">distorsion (A) groupes.renater.fr</a></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>(pour l'instant, c'est vide)</p>
        <h2>Site en (dé)construction</h2>
        <img src="img/construction-opti.webp" alt="un super gif de déconstruction">
      </main>
      <div class="snowflake">
        <iframe src="https://snowflake.torproject.org/embed.html" width="320" height="240" frameborder="0" scrolling="no"></iframe>
      </div>
    </div>
    <footer>
      <p>mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p>
    </footer>
  </body>
</html>
-												plus besoin de hugo

											
										
										
											2025-01-24 23:25:48 +01:00
+								<!doctype html>
-												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>
 								    <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>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								    <header>
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <h1>La Distorsion</h1>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <nav>
 								        <ul>
-												un peu de style, d'organisation du header, et une page (vide) de blog

											
										
										
											2025-01-24 23:27:15 +01:00
+								          <li><a href="index.html">maison</a></li>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								          <li><a href="">présentation</a></li>
-												un peu de style, d'organisation du header, et une page (vide) de blog

											
										
										
											2025-01-24 23:27:15 +01:00
+								          <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>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								      </nav>
 								    </header>
-												ajoute le bridge snowflake

											
										
										
											2025-01-24 23:27:15 +01:00
+								    <div class="flex">
 								      <main>
 								        <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 à <a class="mel">distorsion (A) groupes.renater.fr</a></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>(pour l'instant, c'est vide)</p>
 								        <h2>Site en (dé)construction</h2>
 								        <img src="img/construction-opti.webp" alt="un super gif de déconstruction">
 								      </main>
 								      <div class="snowflake">
 								        <iframe src="https://snowflake.torproject.org/embed.html" width="320" height="240" frameborder="0" scrolling="no"></iframe>
 								      </div>
 								    </div>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								    <footer>
-												un peu de style, d'organisation du header, et une page (vide) de blog

											
										
										
											2025-01-24 23:27:15 +01:00
+								      <p>mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								    </footer>
-												Réorganise le HTML : important => en haut !

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

											
										
										
											2025-01-24 23:25:48 +01:00
+								</html>