interhack/2026.camp.public.website
interhack/2026.camp.public.website
15
1
Fork 2
Code Issues 10 Pull requests 5 Projects Releases Packages 1 Wiki Activity Actions

Compare commits

base: interhack:main
Branches Tags
interhack:main
interhack:feat/ci-build
interhack:progression
interhack:titles-contrast
interhack:feat/add-logos
interhack:fix/menu-order
interhack:feat/css-ajustements
fougere:feat/contact-page
fougere:fix/guide-style
fougere:feat/add-logos
fougere:main
fougere:fix/menu-order
fougere:feat/css-ajustements
..
compare: fougere:fix/guide-style
Branches Tags
fougere:feat/contact-page
fougere:fix/guide-style
fougere:feat/add-logos
fougere:main
fougere:fix/menu-order
fougere:feat/css-ajustements
interhack:main
interhack:feat/ci-build
interhack:progression
interhack:titles-contrast
interhack:feat/add-logos
interhack:fix/menu-order
interhack:feat/css-ajustements

No commits in common. "main" and "fix/guide-style" have entirely different histories.
main ... fix/guide-

5 changed files with 24 additions and 170 deletions
Show stats Expand all files Collapse all files

6
css/base.css
View file

@ -33,11 +33,7 @@ img {
}
a {
color: inherit;
}
nav a, footer a {
color: black;
color: var(--accent-yellow);
text-decoration: none;
}

40
css/home.css
View file

@ -16,43 +16,3 @@
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;
}

24
guide.template.html
View file

@ -26,20 +26,20 @@ BISOUS
</nav>
<main>
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" 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/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="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" 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/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="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" 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/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>

31
index.html
View file

@ -8,7 +8,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 +20,15 @@
</nav>
<main>
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" aria-hidden="true" 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/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="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" aria-hidden="true" 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/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 +80,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>

91
js/progress.js
View file

@ -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);