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

6
site/index.html
View file

@ -1,5 +1,4 @@
<!doctype html>
<!-- un jour, on pourrait ajouter un relai snowflake -->
<!-- un jour, on pourrait ajouter miroir en .oignon -->
<html lang="fr">
<head>
@ -31,6 +30,7 @@
</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>
@ -43,6 +43,10 @@
<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>