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);
|
||||
}
|
||||
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: block;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
|
|
|||
178
index.html
178
index.html
|
|
@ -1,102 +1,104 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="css/base.css">
|
||||
<link rel="stylesheet" href="css/home.css">
|
||||
<link rel="stylesheet" href="css/drag.css">
|
||||
<script src="js/drag.js" defer></script>
|
||||
<title>Camp Interhack 2026</title>
|
||||
</head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="css/base.css">
|
||||
<link rel="stylesheet" href="css/home.css">
|
||||
<link rel="stylesheet" href="css/drag.css">
|
||||
<script src="js/drag.js" defer></script>
|
||||
<title>Camp Interhack 2026</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="current">home</a>
|
||||
<a href="poster.html">poster</a>
|
||||
</nav>
|
||||
<main>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="current">home</a>
|
||||
<a href="poster.html">poster</a>
|
||||
</nav>
|
||||
<main>
|
||||
|
||||
<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/clavier.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/foin.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/arbre-hetre.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/clef.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/machineacoudre.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/bac-e2.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/ecran.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/tracteur.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/clavier.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/foin.webp" alt="">
|
||||
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
||||
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
||||
|
||||
<h1>
|
||||
<span class="draggable">Camp</span>
|
||||
<span class="draggable">Interhack</span>
|
||||
<span class="draggable">2026</span>
|
||||
</h1>
|
||||
<h1>
|
||||
<span class="draggable">Camp</span>
|
||||
<span class="draggable">Interhack</span>
|
||||
<span class="draggable">2026</span>
|
||||
</h1>
|
||||
|
||||
<h2>
|
||||
<span class="draggable">du 2 au 5 Juillet</span>
|
||||
<span class="draggable">à l'Antenne</span>
|
||||
</h2>
|
||||
<h2>
|
||||
<span class="draggable">du 2 au 5 Juillet</span>
|
||||
<span class="draggable">à l'Antenne</span>
|
||||
</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">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>
|
||||
<p class="draggable">Durant quatre jours, L’Interhack investit L'Antenne (Sévérac - 44) pour transformer ce
|
||||
lieu en terrain
|
||||
d’expérimentations et de rencontres : des ateliers, des tables rondes, des démonstrations, des
|
||||
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
|
||||
lieu en terrain
|
||||
d’expérimentations et de rencontres : des ateliers, des tables rondes, des démonstrations, des
|
||||
installations, des concerts, des projections et des moments informels — le tout imaginé, fabriqué et
|
||||
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
|
||||
que de
|
||||
technologies numériques, de détournement que de réappropriation, d’éducation populaire que de poésie du
|
||||
quotidien.</p>
|
||||
|
||||
<p class="draggable">Ici, on parle autant de machines que de mécaniques humaines, de savoir-faire artisanaux
|
||||
que de
|
||||
technologies numériques, de détournement que de réappropriation, d’éducation populaire que de poésie du
|
||||
quotidien.</p>
|
||||
<p class="draggable">Le Camp InterHack, c’est aussi un espace pour ajouter de l’intime et du sensible aux
|
||||
techniques, pour
|
||||
explorer la ruralité comme terrain fertile de nouveautés, et pour déconstruire les rapports de domination
|
||||
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
|
||||
techniques, pour
|
||||
explorer la ruralité comme terrain fertile de nouveautés, et pour déconstruire les rapports de domination
|
||||
qui traversent nos outils, nos corps et nos collectifs.</p>
|
||||
<p class="draggable">On vient ici pour apprendre, fabriquer, détourner, réparer, hacker les structures
|
||||
autant que les
|
||||
imaginaires.<br>
|
||||
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
|
||||
autant que les
|
||||
imaginaires.<br>
|
||||
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">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">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>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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue