distorsion/distorsion.interhacker.space
9
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ajoute le bridge snowflake

Browse source
This commit is contained in:
distorsion 2025-01-24 23:27:15 +01:00
parent 20ba83080c
commit a41281540e
2 changed files with 38 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
site/css/simple.css
View file

@ -1,17 +1,21 @@
body{ body{
margin: 0 auto; margin: auto;
padding: 0 1em; padding: 0 1em;
max-width: 40em;
line-height: 1.6; line-height: 1.6;
} }
h1 { main {
max-width: 40em;
}
header, footer {
max-width: 40em;
margin: auto;
text-align: center; text-align: center;
} }
img { header {
width: 100%; border-bottom: solid 0.1rem;
} }
nav { footer {
text-align: center; border-top: solid 0.1rem;
} }
nav ul { nav ul {
padding: 0; padding: 0;
@ -23,12 +27,18 @@ nav li {
nav li:not(:last-of-type) { nav li:not(:last-of-type) {
border-right: solid 0.1rem; border-right: solid 0.1rem;
} }
img {
width: 100%;
}
a.mel { a.mel {
font-family: monospace; font-family: monospace;
} }
header { .snowflake {
border-bottom: solid 0.1rem; border: solid 0.1rem;
margin: 1rem;
height: max-content;
} }
footer { .flex {
border-top: solid 0.1rem; display: flex;
justify-content: center;
} }

30
site/index.html
View file

@ -1,5 +1,4 @@
<!doctype html> <!doctype html>
<!-- un jour, on pourrait ajouter un relai snowflake -->
<!-- un jour, on pourrait ajouter miroir en .oignon --> <!-- un jour, on pourrait ajouter miroir en .oignon -->
<html lang="fr"> <html lang="fr">
<head> <head>
@ -31,18 +30,23 @@
</ul> </ul>
</nav> </nav>
</header> </header>
<main> <div class="flex">
<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> <main>
<h2>Infos pratiques</h2> <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>
<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> <h2>Infos pratiques</h2>
<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>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>C'est possible de nous parler par courrier électronique à <a class="mel">distorsion (A) groupes.renater.fr</a></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>
<h2>Les trucs à venir</h2> <p>C'est possible de nous parler par courrier électronique à <a class="mel">distorsion (A) groupes.renater.fr</a></p>
<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> <h2>Les trucs à venir</h2>
<p>(pour l'instant, c'est vide)</p> <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>
<h2>Site en (dé)construction</h2> <p>(pour l'instant, c'est vide)</p>
<img src="img/construction-opti.webp" alt="un super gif de déconstruction"> <h2>Site en (dé)construction</h2>
</main> <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> <footer>
<p>mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p> <p>mél : <a class="mel">distorsion (A) groupes.renater.fr</a></p>
</footer> </footer>