Compare commits

..

1 commit

Author SHA1 Message Date
1f72a3a976 Ajout de la page contact 2026-01-24 15:15:53 +01:00
6 changed files with 105 additions and 26 deletions

64
contact.html Normal file
View file

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="fr">
<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/contact.css">
<link rel="stylesheet" href="css/drag.css">
<script src="js/drag.js" defer></script>
<link rel="icon" type="image/x-icon" href="assets/stickers/ecran.png">
<title>Camp Interhack 2026 Contact</title>
</head>
<body>
<nav>
<a href="index.html">maison</a>
<a href="guide.html">guide</a>
<a href="poster.html">poster</a>
<a href="contact.html" class="current">contact</a>
</nav>
<main>
<img class="draggable randomStart" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" src="assets/stickers/tracteur.png" alt="">
<h1>
<span id="camp" class="draggable">camp</span>
<br>
<span id="interhack" class="draggable">interhack</span>
<span class="draggable">contact</span>
</h1>
<h2>
</h2>
<section id="contact">
<div>
<h3>Mail :</h3>
<a href="mailto:orga@camp.interhacker.space">orga@camp.interhacker.space</a>
</div>
<div>
<h3>Matrix :</h3>
<a href="https://matrix.to/#/#interhack:matrix.interhacker.space" class="matrix-link">#interhack:matrix.interhacker.space</a>
</div>
</section>
</main>
<footer>
<div>
<h2>Association</h2>
<a href="assets/Camp-Interhack_Statuts.pdf">statuts</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>

View file

@ -33,10 +33,6 @@ img {
} }
a { a {
color: inherit;
}
nav a, footer a {
color: black; color: black;
text-decoration: none; text-decoration: none;
} }

15
css/contact.css Normal file
View file

@ -0,0 +1,15 @@
#contact {
display: flex;
align-items: last baseline;
gap: 2em;
justify-content: space-between;
}
h1 span:nth-of-type(n+3) {
position: relative;
text-align: center;
font-size: clamp(1.5rem, 5vw, 5rem);
font-family: segoesc;
display: block;
margin: 1em auto 0.5em auto;
}

View file

@ -23,23 +23,24 @@ BISOUS
<a href="index.html">maison</a> <a href="index.html">maison</a>
<a href="guide.html" class="current">guide</a> <a href="guide.html" class="current">guide</a>
<a href="poster.html">poster</a> <a href="poster.html">poster</a>
<a href="contact.html">contact</a>
</nav> </nav>
<main> <main>
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart " src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart " src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart " src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart " src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart " src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart " src="assets/stickers/tracteur.png" alt="">
<h1> <h1>
<span id="camp" class="draggable">camp</span> <span id="camp" class="draggable">camp</span>

View file

@ -18,18 +18,19 @@
<a href="index.html" class="current">maison</a> <a href="index.html" class="current">maison</a>
<a href="guide.html">guide</a> <a href="guide.html">guide</a>
<a href="poster.html">poster</a> <a href="poster.html">poster</a>
<a href="contact.html">contact</a>
</nav> </nav>
<main> <main>
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart" src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart" src="assets/stickers/tracteur.png" alt="">
<h1> <h1>
<span id="camp" class="draggable">camp</span> <span id="camp" class="draggable">camp</span>

View file

@ -1,4 +1,5 @@
<html lang="en"> <!DOCTYPE html>
<html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -14,8 +15,9 @@
<body> <body>
<nav> <nav>
<a href="index.html">maison</a> <a href="index.html">maison</a>
<a href="guide.html" >guide</a> <a href="guide.html">guide</a>
<a href="poster.html" class="current">poster</a> <a href="poster.html" class="current">poster</a>
<a href="contact.html">contact</a>
</nav> </nav>