79 lines
2.1 KiB
HTML
79 lines
2.1 KiB
HTML
<!doctype html>
|
|
<!-- un jour, on pourrait ajouter un relai snowflake -->
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>La Distorsion</title>
|
|
<style>
|
|
body{
|
|
background-color: darkmagenta;
|
|
text-align: center;
|
|
border-style: double;
|
|
border-color: yellow;
|
|
border-width: 15px;
|
|
padding: none;
|
|
}
|
|
h1,h2,h3 {
|
|
line-height: 1.2;
|
|
border-bottom: groove;
|
|
}
|
|
a {
|
|
color: cyan;
|
|
}
|
|
img {
|
|
width: 100%;
|
|
}
|
|
header{
|
|
background-color: yellow;
|
|
color:darkmagenta;
|
|
max-width: 60em;
|
|
margin: 0em auto;
|
|
padding: 1em 1em;
|
|
}
|
|
header a {
|
|
color: darkcyan;
|
|
}
|
|
section {
|
|
color: yellow;
|
|
margin: 1em auto;
|
|
padding: 0 1em 0;
|
|
max-width: 40em;
|
|
line-height: 1.6;
|
|
text-align: left;
|
|
}
|
|
footer {
|
|
background-color: yellow;
|
|
color: darkmagenta;
|
|
margin: none;
|
|
padding: none;
|
|
line-height:3;
|
|
}
|
|
footer p {
|
|
margin: unset;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>La Distorsion</h1>
|
|
|
|
<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>.</p>
|
|
|
|
</header>
|
|
<section>
|
|
<h2>Site en (dé)construction</h2>
|
|
|
|
<img src="construction-opti.webp" alt="un super gif de déconstruction">
|
|
|
|
<h2>Infos pratiks</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 que vous venez pour le fablab, et vous inscrire sur une feuille (c'est pas idéal, on sait...).</p>
|
|
</section>
|
|
<footer>
|
|
|
|
<p>C'est possible de nous parler par courrier electronique à </p><p><span style="font-family:monospace">distorsion (A) groupes.renater.fr</span>.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|