Ajout de la page contact #28
5 changed files with 85 additions and 2 deletions
64
contact.html
Normal file
64
contact.html
Normal 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>
|
||||||
15
css/contact.css
Normal file
15
css/contact.css
Normal 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;
|
||||||
|
}
|
||||||
|
|
@ -23,6 +23,7 @@ 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>
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,7 @@
|
||||||
<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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue
attention c'est la room interhack plus générale. pour le camp spécifiquement y'a plusieurs possibilités :
la room Camp Général : https://matrix.to/#/#camp:matrix.interhacker.space
le space Camp Interhack : https://matrix.to/#/#camp-space:matrix.interhacker.space