add "interhack" secton in footer
with links to main site and wiki
This commit is contained in:
parent
2b51b2b3e9
commit
c48419f3f3
3 changed files with 104 additions and 95 deletions
14
css/base.css
14
css/base.css
|
|
@ -65,3 +65,17 @@ footer a:hover, nav a:hover {
|
||||||
transform: rotate(-2deg);
|
transform: rotate(-2deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
footer {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
footer {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -6,13 +6,6 @@ main {
|
||||||
min-height: 1000px;
|
min-height: 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
}
|
|
||||||
|
|
||||||
main h1 {
|
main h1 {
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
||||||
178
index.html
178
index.html
|
|
@ -1,102 +1,104 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="css/base.css">
|
<link rel="stylesheet" href="css/base.css">
|
||||||
<link rel="stylesheet" href="css/home.css">
|
<link rel="stylesheet" href="css/home.css">
|
||||||
<link rel="stylesheet" href="css/drag.css">
|
<link rel="stylesheet" href="css/drag.css">
|
||||||
<script src="js/drag.js" defer></script>
|
<script src="js/drag.js" defer></script>
|
||||||
<title>Camp Interhack 2026</title>
|
<title>Camp Interhack 2026</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index.html" class="current">home</a>
|
<a href="index.html" class="current">home</a>
|
||||||
<a href="poster.html">poster</a>
|
<a href="poster.html">poster</a>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<img class="draggable randomStart" src="assets/stickers/arbre-hetre.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/arbre-hetre.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/bac-e2.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/bac-e2.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/clavier.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/clavier.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/clef.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/clef.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/ecran.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/ecran.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/foin.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/foin.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/arbre-hetre.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/arbre-hetre.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/bac-e2.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/bac-e2.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/clavier.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/clavier.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/clef.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/clef.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/ecran.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/ecran.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/foin.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/foin.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
||||||
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
||||||
|
|
||||||
<h1>
|
<h1>
|
||||||
<span class="draggable">Camp</span>
|
<span class="draggable">Camp</span>
|
||||||
<span class="draggable">Interhack</span>
|
<span class="draggable">Interhack</span>
|
||||||
<span class="draggable">2026</span>
|
<span class="draggable">2026</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<h2>
|
<h2>
|
||||||
<span class="draggable">du 2 au 5 Juillet</span>
|
<span class="draggable">du 2 au 5 Juillet</span>
|
||||||
<span class="draggable">à l'Antenne</span>
|
<span class="draggable">à l'Antenne</span>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Il est venu le temps du Camp Interhack !<br>
|
||||||
|
Un grand rassemblement des membres et ami.e.s des hackerspaces de France, pour partager des
|
||||||
|
connaissances, questionner nos techniques, et réinventer ensemble nos manières de faire vivre.</p>
|
||||||
|
|
||||||
<section>
|
<p class="draggable">Durant quatre jours, L’Interhack investit L'Antenne (Sévérac - 44) pour transformer ce
|
||||||
<p class="draggable">Il est venu le temps du Camp Interhack !<br>
|
lieu en terrain
|
||||||
Un grand rassemblement des membres et ami.e.s des hackerspaces de France, pour partager des
|
d’expérimentations et de rencontres : des ateliers, des tables rondes, des démonstrations, des
|
||||||
connaissances, questionner nos techniques, et réinventer ensemble nos manières de faire vivre.</p>
|
installations, des concerts, des projections et des moments informels — le tout imaginé, fabriqué et
|
||||||
|
animé par et pour la communauté.</p>
|
||||||
|
|
||||||
<p class="draggable">Durant quatre jours, L’Interhack investit L'Antenne (Sévérac - 44) pour transformer ce
|
<p class="draggable">Ici, on parle autant de machines que de mécaniques humaines, de savoir-faire artisanaux
|
||||||
lieu en terrain
|
que de
|
||||||
d’expérimentations et de rencontres : des ateliers, des tables rondes, des démonstrations, des
|
technologies numériques, de détournement que de réappropriation, d’éducation populaire que de poésie du
|
||||||
installations, des concerts, des projections et des moments informels — le tout imaginé, fabriqué et
|
quotidien.</p>
|
||||||
animé par et pour la communauté.</p>
|
|
||||||
|
|
||||||
<p class="draggable">Ici, on parle autant de machines que de mécaniques humaines, de savoir-faire artisanaux
|
<p class="draggable">Le Camp InterHack, c’est aussi un espace pour ajouter de l’intime et du sensible aux
|
||||||
que de
|
techniques, pour
|
||||||
technologies numériques, de détournement que de réappropriation, d’éducation populaire que de poésie du
|
explorer la ruralité comme terrain fertile de nouveautés, et pour déconstruire les rapports de domination
|
||||||
quotidien.</p>
|
qui traversent nos outils, nos corps et nos collectifs.</p>
|
||||||
|
|
||||||
<p class="draggable">Le Camp InterHack, c’est aussi un espace pour ajouter de l’intime et du sensible aux
|
<p class="draggable">On vient ici pour apprendre, fabriquer, détourner, réparer, hacker les structures
|
||||||
techniques, pour
|
autant que les
|
||||||
explorer la ruralité comme terrain fertile de nouveautés, et pour déconstruire les rapports de domination
|
imaginaires.<br>
|
||||||
qui traversent nos outils, nos corps et nos collectifs.</p>
|
On y croise des bricoleur·euses, des artistes, des chercheur·euses, des paysan·nes, des codeur·euses,
|
||||||
|
des rêveur·euses.<br>
|
||||||
|
On y célèbre la diversité des hack(h)eureuses et des formes de hacking.</p>
|
||||||
|
|
||||||
<p class="draggable">On vient ici pour apprendre, fabriquer, détourner, réparer, hacker les structures
|
<p class="draggable">Le programme se compose au fil des propositions : chacun·e est invité·e à contribuer,
|
||||||
autant que les
|
qu’il s’agisse
|
||||||
imaginaires.<br>
|
d’une idée naissante ou d’un projet longuement mûri. Les croisements entre les pratiques, les
|
||||||
On y croise des bricoleur·euses, des artistes, des chercheur·euses, des paysan·nes, des codeur·euses,
|
disciplines et les vécus sont encouragés — parce que c’est là que se fabrique la richesse du commun.</p>
|
||||||
des rêveur·euses.<br>
|
|
||||||
On y célèbre la diversité des hack(h)eureuses et des formes de hacking.</p>
|
|
||||||
|
|
||||||
<p class="draggable">Le programme se compose au fil des propositions : chacun·e est invité·e à contribuer,
|
|
||||||
qu’il s’agisse
|
|
||||||
d’une idée naissante ou d’un projet longuement mûri. Les croisements entre les pratiques, les
|
|
||||||
disciplines et les vécus sont encouragés — parce que c’est là que se fabrique la richesse du commun.</p>
|
|
||||||
|
|
||||||
<p class="draggable">Venez participer à quatre jours d’autonomie joyeuse, de curiosité partagée et de
|
|
||||||
réinvention
|
|
||||||
collective.<br>
|
|
||||||
Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de
|
|
||||||
chacun·es.</p>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
<div>
|
|
||||||
<h2>Site Web</h2>
|
|
||||||
<a href="https://git.interhacker.space/interhack/2026.camp.public.website">source</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h2>Association</h2>
|
|
||||||
<a href="assets/Camp-Interhack-status.pdf">status</a>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
|
<p class="draggable">Venez participer à quatre jours d’autonomie joyeuse, de curiosité partagée et de
|
||||||
|
réinvention
|
||||||
|
collective.<br>
|
||||||
|
Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de
|
||||||
|
chacun·es.</p>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div>
|
||||||
|
<h2>Association</h2>
|
||||||
|
<a href="assets/Camp-Interhack-status.pdf">status</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Interhack</h2>
|
||||||
|
<a href="https://interhacker.space">accueil</a>
|
||||||
|
<a href="https://wiki.interhacker.space">wiki</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Site Web</h2>
|
||||||
|
<a href="https://git.interhacker.space/interhack/2026.camp.public.website">source</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue