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 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>La Distorsion est un hackerspace, un espace-temps de rencontre entre personnes intéressées par des pratiques critiques des sciences et des techniques. Les techniques, c'est vaste : on n'y fait pas que de l'ordinateur. Faire de la musique ou la cuisine pour 100 personnes, prendre soin des les un·e·s des autre·s et vivres des vies plus autonomes, c'est aussi en partie des questions techniques qui ont toute leur place au hackerspace. La Distorsion 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><strong>Jeudi 31, vers 18h</strong>, y'aura une discussion autour du site web de la Distorsion, de comment on pourrait s'en servir pour apprendre des choses, de comment on décide de le gérer collectivement etc.</p>
    </main>
    <div class="snowflake">
      <h2>Snowflake</h2>
      <p>En activant ce bloc, tu permets à des personnes au quatre coins du monde d'utiliser ta connexion pour se connecter à Internet à travers le réseau Tor, en utilisant un <a href="https://snowflake.torproject.org/">bridge snowflake</a> et ainsi échapper à la censure. Le bridge reste actif tant que cet onglet est ouvert !</p>
      <p><small>Si tu veux parler de Tor, viens à la Disto, c'est un sujet qui nous tient à coeur.</small></p>
      <iframe src="https://snowflake.torproject.org/embed.html" scrolling="no"></iframe>
    </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>
-												Rajoute un favicon

											
										
										
											2025-01-24 23:27:16 +01:00
+								    <link rel="icon" href="/img/favicon.svg" />
-												Rajoute la partie blog. Utilise des chemin absolus partout

											
										
										
											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" />
 								    <script src="/js/styleswitcher.js"></script>
-												Réorganise le HTML : important => en haut !

											
										
										
											2025-01-24 23:27:15 +01:00
+								  </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>
-												Met le snowflake en bas de la page. Update CSS

											
										
										
											2025-01-24 23:27:16 +01:00
+								      <nav class="menu">
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								        <ul>
-												Rajoute la partie blog. Utilise des chemin absolus partout

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

											
										
										
											2025-01-24 23:27:15 +01:00
+								          <li>
 								            <label for="style">change de style :</label>
 								            <select class="style" name="style">
 								              <option>Simple</option>
-												Rajoute une option pour voir le site sans CSS

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

											
										
										
											2025-01-24 23:27:15 +01:00
+								              <option>Darkmagenta</option>
 								            </select>
 								            <script>
 								              const selectSelect = document.querySelector(".style");
-												Met le snowflake en bas de la page. Update CSS

											
										
										
											2025-01-24 23:27:16 +01:00
+								selectSelect.addEventListener("change", (event) => { setActiveStyleSheet(event.target.value); });
-												un peu de style, d'organisation du header, et une page (vide) de blog

											
										
										
											2025-01-24 23:27:15 +01:00
+								            </script>
 								          </li>
 								        </ul>
-												ajoute un header et un footer

											
										
										
											2025-01-24 23:27:15 +01:00
+								      </nav>
 								    </header>
-												Met le snowflake en bas de la page. Update CSS

											
										
										
											2025-01-24 23:27:16 +01:00
+								    <main>
 								      <p>La Distorsion est un hackerspace, un espace-temps de rencontre entre personnes intéressées par des pratiques critiques des sciences et des techniques. Les techniques, c'est vaste : on n'y fait pas que de l'ordinateur. Faire de la musique ou la cuisine pour 100 personnes, prendre soin des les un·e·s des autre·s et vivres des vies plus autonomes, c'est aussi en partie des questions techniques qui ont toute leur place au hackerspace. La Distorsion 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>
-												Update évènements

											
										
										
											2025-01-24 23:27:16 +01:00
+								      <p><strong>Jeudi 31, vers 18h</strong>, y'aura une discussion autour du site web de la Distorsion, de comment on pourrait s'en servir pour apprendre des choses, de comment on décide de le gérer collectivement etc.</p>
-												Met le snowflake en bas de la page. Update CSS

											
										
										
											2025-01-24 23:27:16 +01:00
+								    </main>
 								    <div class="snowflake">
 								      <h2>Snowflake</h2>
 								      <p>En activant ce bloc, tu permets à des personnes au quatre coins du monde d'utiliser ta connexion pour se connecter à Internet à travers le réseau Tor, en utilisant un <a href="https://snowflake.torproject.org/">bridge snowflake</a> et ainsi échapper à la censure. Le bridge reste actif tant que cet onglet est ouvert !</p>
-												Fix CSS

											
										
										
											2025-01-24 23:27:16 +01:00
+								      <p><small>Si tu veux parler de Tor, viens à la Disto, c'est un sujet qui nous tient à coeur.</small></p>
-												Met le snowflake en bas de la page. Update CSS

											
										
										
											2025-01-24 23:27:16 +01:00
+								      <iframe src="https://snowflake.torproject.org/embed.html" scrolling="no"></iframe>
-												ajoute le bridge snowflake

											
										
										
											2025-01-24 23:27:15 +01:00
+								    </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>