Ajout du logo de la French Data Network

css/base.css

@@ -33,11 +33,7 @@ img {
 }
 
 a {
-    color: inherit;
+    color: var(--accent-yellow);
-}
-
-nav a, footer a {
-    color: black;
     text-decoration: none;
 }
 
@@ -59,44 +55,30 @@ main h1 {
 
 main h2 {
     position: relative;
-    margin: 12% auto 5% auto;
+    margin: 4% auto;
     text-align: center;
-    font-size: clamp(1.5em, 12vw, 4em);
+    font-size: clamp(1.5em, 4vw, 3em);
     font-family: segoesc;
 }
 
-main h2:first-of-type {
-    font-size: clamp(1.5em, 5vw, 5em);
-    margin: 1em auto 0.5em auto;
-}
-
 main h3 {
     position: relative;
+    text-align: center;
     margin: auto;
     width: 100%;
-    font-size: clamp(1.8em, 3vw, 4em);
+    font-size: clamp(2em, 4vw, 4em);
     margin-top: 5%;
-    margin-bottom: 2%;
-    font-weight: lighter;
-    text-align: center;
-}
-
-main section h3 {
-    text-align: left;
-}
-
-main h4 {
-  margin: 0.8em 0;
 }
 
 main p {
-    margin: 0 0 min(1em, 2%) 1%;
+    margin: 1%;
+    padding: 1%;
+    /* border: solid 1px; */
+    opacity: 0.90;
     display: inline-block;
     z-index: 3;
-}
+    background-color: black;
 
-main p:last-child {
-    margin-bottom: 0;
 }
 
 section {
@@ -107,14 +89,9 @@ section {
     margin: auto;
     margin-bottom: 100px;
     padding: 2%;
-    padding-left: min(1em, 2%);
+    padding-left: 0px;
     z-index: 1000;
     box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
-    background-color: #000000b8;
-}
-
-section :is(h1, h2, h3, h4, h5, h6) {
-    line-height: 1em;
 }
 
 nav, footer, aside {
@@ -162,21 +139,15 @@ main > img {
     object-fit: scale-down;
 }
 
-figcaption {
-  font-size: 0.6em;
-  line-height: initial;
-}
-
 .btn-nice {
     color: #FFFFFF;
-    text-shadow: -2px 2px 0px var(--accent-orange), -4px 4px 0px var(--accent-violet);
+    text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
     color: var(--accent-yellow);
     font-size: 1.2em;
     text-align: center;
     margin: auto;
     position: relative;
     display: block;
-    font-weight: bold;
 }
 
 #camp {
@@ -192,23 +163,3 @@ figcaption {
     margin-right: 10%;
     line-height: 0.5em;
 }
-
-code {
-    background: #ffffff1f;
-    padding: 0.2em 0.4em;
-    border-radius: 0.2em;
-    margin-right: 0.5ex;
-}
-
-.btn-nice code {
-    background: none;
-    padding: 0;
-    margin-right: 0;
-}
-
-@media (max-width: 500px) {
-    /* Hide stickers on mobile */
-    .randomStart {
-        display: none;
-    }
-}

css/home.css

@@ -15,44 +15,4 @@
     justify-content: center;
     align-items: center;
     height: 200px;
-}
+}
-
-/* Barre de progression */
-
-.progression {
-animation: 3s loadbar;
-width:auto;
-background-color: white;
-display: inline-block;
-padding: 0.7em 0.5em 0.5em 0.5em;
-text-wrap: nowrap;
-}
-
-@keyframes loadbar {
-  0% { width:0%; }
-}
-
-.bar {
-width : 50%;
-margin : auto;
-border : 2px solid white;
-display: inline-block;
-}
-.progression > span {
-
-display: inline-block;
-width: 100%;
-font-family: MonTrappist;
-font-size : 1.5em;
-}
-
-.lessthanhalf span {
-    padding-left: 100%;
-    color: white;
-    padding-left: calc(100% + 1em);
-}
-
-.morethanhalf {
-text-align : end;
-color:black;
-}

guide.template.html

@@ -26,20 +26,20 @@ BISOUS
     </nav>
 
     <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>
             <span id="camp" class="draggable">camp</span>

index.html

@@ -1,5 +1,4 @@
-<!DOCTYPE html>
+<html lang="en">
-<html lang="fr">
 
 	<head>
 		<meta charset="UTF-8">
@@ -8,7 +7,6 @@
 		<link rel="stylesheet" href="css/home.css">
 		<link rel="stylesheet" href="css/drag.css">
 		<script src="js/drag.js" defer></script>
-		<script src="js/progress.js" defer></script>
 		<link rel="icon" type="image/x-icon" href="assets/stickers/ecran.png">
 		<title>Camp Interhack</title>
 	</head>
@@ -21,15 +19,20 @@
 		</nav>
 		<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" 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>
@@ -81,18 +84,8 @@
 					Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de
 					chacun·es.</p>
 			</section>
-			<h3>
+
-				<span>Où en est-on ?</span>
+
-			</h3>
-			<section id="progress">
-				<p>Il y a</p>
-				<div class="places"><span class="bar"><span id="gauge-bar" style="width:0" class="progression lessthanhalf"><span id="gauge-text">?/200</span></span></span></div>
-				<p>places déjà réservées. Ouverture prochaine des inscriptions !</p>
-				<br>
-				<p>Et nous avons reçu</p>
-				<div class="places"><span class="bar"><span id="fundraising-bar" style="width:0" class="progression lessthanhalf"><span id="fundraising-text">? %</span></span></span></div>
-				<p>des dons dont nous avons besoin (voir le détail des comptes)</p>
-			</section>
 			<h3>
 				<span>Iels y participent</span>
 			</h3>
@@ -106,11 +99,12 @@
 					</a>
 					<a href="https://lebib.org"><img class="logo" src="assets/logos/lebib.png" alt="Le Bib Net"></a>
 				</div>
+
 			<div class="participants">
 					<a href="https://hackstub.eu/"><img class="logo" src="assets/logos/hackstub.svg" alt="La Hackstub"></a>
 					<a href="https://fuz.re"><img class="logo" src="assets/logos/fuz.png" alt="Le Fuz"></a>
 					<a href="https://labolyon.fr/"><img class="logo" src="assets/logos/lol_logo_txt.png" alt="Le Laboratoire Ouvert Lyonnais"></a>
-
+					<a href="https://fdn.fr/"><img class="logo" src="assets/logos/fdn.png" alt="La French Data Network"></a>
 			</div>
 		</main>
 		<footer>
@@ -129,5 +123,4 @@
 			</div>
 		</footer>
 	</body>
-	
 </html>

js/progress.js

@@ -1,91 +0,0 @@
-const gauge_url = "https://api.camp.interhacker.space/api/gauge"
-const fundraising_url = "https://api.camp.interhacker.space/api/fundraising"
-const gaugeMax = 250;
-const fundraisingTotalMax = 20000;
-
-async function getGauge() {
-    // REMOVE WHEN SIGNUP FORM IS OPEN
-    return 0;
-
-    try {
-        const response = await fetch(gauge_url);
-        if (!response.ok) {
-            throw new Error(`Response status: ${response.status}`);
-        }
-
-        const result = await response.json();
-
-        return result.gauge
-    } catch (error) {
-        console.error(error.message);
-
-        return null;
-    }
-}
-
-async function getFundraisingTotal() {
-    try {
-        const response = await fetch(fundraising_url);
-        if (!response.ok) {
-            throw new Error(`Response status: ${response.status}`);
-        }
-
-        const result = await response.json();
-
-        return result.total
-    } catch (error) {
-        console.error(error.message);
-
-        return null;
-    }
-}
-
-function percentRatio(ratio) {
-    return Math.floor(ratio * 100);
-}
-
-function setAboveHalf(ratio, element) {
-    if (ratio > 0.5) {
-        element.classList.remove("lessthanhalf");
-        element.classList.add("morethanhalf");
-    }
-}
-
-async function setGauge() {
-    const gauge = await getGauge();
-
-    if (gauge !== null) {
-        const gaugeBar = document.getElementById("gauge-bar");
-        const gaugeText = document.getElementById("gauge-text");
-
-        const gaugeRatio = gauge / gaugeMax;
-
-        gaugeBar.style.setProperty("width", percentRatio(gaugeRatio) + "%");
-        gaugeText.innerText = gauge + "/" + gaugeMax;
-
-        setAboveHalf(gaugeRatio, gaugeBar);
-    }
-}
-
-async function setFundraisingTotal() {
-    const fundraising_total = await getFundraisingTotal();
-
-    if (fundraising_total !== null) {
-        const fundraisingBar = document.getElementById("fundraising-bar");
-        const fundraisingText = document.getElementById("fundraising-text");
-
-        const fundraisingRatio = fundraising_total / fundraisingTotalMax;
-
-        fundraisingBar.style.setProperty("width", percentRatio(fundraisingRatio) + "%");
-        fundraisingText.innerText = percentRatio(fundraisingRatio) + " %";
-
-        setAboveHalf(fundraisingRatio, fundraisingBar);
-    }
-}
-
-async function setProgress() {
-    setGauge();
-    setFundraisingTotal();
-}
-
-document.addEventListener("DOMContentLoaded", setProgress);