Ajout de la page contact
This commit is contained in:
parent
2ae53d4997
commit
d585b9f7de
6 changed files with 86 additions and 3 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>
|
||||
|
|
@ -33,7 +33,7 @@ img {
|
|||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
color: var(--accent-yellow);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
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="guide.html" class="current">guide</a>
|
||||
<a href="poster.html">poster</a>
|
||||
<a href="contact.html">contact</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@
|
|||
<a href="index.html" class="current">maison</a>
|
||||
<a href="guide.html">guide</a>
|
||||
<a href="poster.html">poster</a>
|
||||
<a href="contact.html">contact</a>
|
||||
</nav>
|
||||
<main>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<html lang="en">
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
|
@ -16,6 +17,7 @@
|
|||
<a href="index.html">maison</a>
|
||||
<a href="guide.html">guide</a>
|
||||
<a href="poster.html" class="current">poster</a>
|
||||
<a href="contact.html">contact</a>
|
||||
</nav>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue