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

6
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,6 +30,7 @@
</ul> </ul>
</nav> </nav>
</header> </header>
<div class="flex">
<main> <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> <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> <h2>Infos pratiques</h2>
@ -43,6 +43,10 @@
<h2>Site en (dé)construction</h2> <h2>Site en (dé)construction</h2>
<img src="img/construction-opti.webp" alt="un super gif de déconstruction"> <img src="img/construction-opti.webp" alt="un super gif de déconstruction">
</main> </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>