diff --git a/css/base.css b/css/base.css index 7cc787e..6097b96 100644 --- a/css/base.css +++ b/css/base.css @@ -33,7 +33,7 @@ img { } a { - color: black; + color: var(--accent-yellow); text-decoration: none; } diff --git a/css/home.css b/css/home.css index 91028e9..f637eb9 100644 --- a/css/home.css +++ b/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; -} +} \ No newline at end of file diff --git a/index.html b/index.html index a856c90..833d9c0 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,6 @@ - Camp Interhack @@ -81,18 +80,8 @@ Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de chacun·es.

-

- Où en est-on ? -

-
-

Il y a

-
?/200
-

places déjà réservées. Ouverture prochaine des inscriptions !

-
-

Et nous avons reçu

-
? %
-

des dons dont nous avons besoin (voir le détail des comptes)

-
+ +

Iels y participent

diff --git a/js/progress.js b/js/progress.js deleted file mode 100644 index ea1bdf2..0000000 --- a/js/progress.js +++ /dev/null @@ -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);