From 0c224557833e06e3dc1c9050e4f7a8673502e4a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?foug=C3=A8re?= Date: Sat, 17 Jan 2026 23:40:17 +0100 Subject: [PATCH 1/7] =?UTF-8?q?-=20Modification=20des=20tailles=20et=20esp?= =?UTF-8?q?acements=20des=20titres=20-=20R=C3=A9duction=20de=20la=20taille?= =?UTF-8?q?=20des=20l=C3=A9gendes=20d'images=20-=20Ajout=20d'un=20fond=20d?= =?UTF-8?q?erri=C3=A8re=20les=20balises=20=20pour=20mettre=20en=20va?= =?UTF-8?q?leur=20le=20matrix=20-=20Masquage=20des=20stickers=20quand=20la?= =?UTF-8?q?=20largeur=20de=20la=20fen=C3=AAtre=20est=20inf=C3=A9rieure=20?= =?UTF-8?q?=C3=A0=20500px=20(mobile)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/base.css | 62 ++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 51 insertions(+), 11 deletions(-) diff --git a/css/base.css b/css/base.css index 0a16d2d..0be07db 100644 --- a/css/base.css +++ b/css/base.css @@ -55,30 +55,39 @@ main h1 { main h2 { position: relative; - margin: 4% auto; + margin: 12% auto 5% auto; text-align: center; - font-size: clamp(1.5em, 4vw, 3em); + font-size: clamp(1.5em, 12vw, 4em); 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(2em, 4vw, 4em); + font-size: clamp(1.8em, 3vw, 4em); margin-top: 5%; + margin-bottom: 2%; + font-weight: lighter; +} + +main h4 { + margin: 0.8em 0; } main p { - margin: 1%; - padding: 1%; - /* border: solid 1px; */ - opacity: 0.90; + margin: 0 0 min(1em, 2%) 1%; display: inline-block; z-index: 3; - background-color: black; +} +main p:last-child { + margin-bottom: 0; } section { @@ -89,9 +98,14 @@ section { margin: auto; margin-bottom: 100px; padding: 2%; - padding-left: 0px; + padding-left: min(1em, 2%); 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 { @@ -139,15 +153,21 @@ main > img { object-fit: scale-down; } +figcaption { + font-size: 0.6em; + line-height: initial; +} + .btn-nice { color: #FFFFFF; - text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet); + text-shadow: -2px 2px 0px var(--accent-orange), -4px 4px 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 { @@ -163,3 +183,23 @@ main > img { 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; + } +} \ No newline at end of file From 6ea6888c466c2c85eb796941921c60fdb2e50ec6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?foug=C3=A8re?= Date: Tue, 20 Jan 2026 19:25:12 +0100 Subject: [PATCH 2/7] Correction du centrage du titre des participant.e.s --- css/base.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/base.css b/css/base.css index 0be07db..6097b96 100644 --- a/css/base.css +++ b/css/base.css @@ -74,6 +74,11 @@ main h3 { margin-top: 5%; margin-bottom: 2%; font-weight: lighter; + text-align: center; +} + +main section h3 { + text-align: left; } main h4 { From b9fbe5f681fa30fe2de712efdb2af3ed069c5f01 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?foug=C3=A8re?= Date: Tue, 20 Jan 2026 20:00:19 +0100 Subject: [PATCH 3/7] Ajout du doctype sur index.html pour corriger l'espacement entre titre principal et le sous-titre --- index.html | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 37e334b..833d9c0 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,5 @@ - + + @@ -29,11 +30,6 @@ - - - - -

camp
@@ -122,4 +118,5 @@ + From d3d1672b2f86a31cf378ace8c4b1c1e1b8191076 Mon Sep 17 00:00:00 2001 From: Marne Date: Thu, 22 Jan 2026 19:45:13 +0100 Subject: [PATCH 4/7] add progression system --- css/base.css | 2 +- css/home.css | 41 ++++++++++++++++++++++++++++++++++++++++- index.html | 14 ++++++++++++-- 3 files changed, 53 insertions(+), 4 deletions(-) diff --git a/css/base.css b/css/base.css index 6097b96..7cc787e 100644 --- a/css/base.css +++ b/css/base.css @@ -33,7 +33,7 @@ img { } a { - color: var(--accent-yellow); + color: black; text-decoration: none; } diff --git a/css/home.css b/css/home.css index f637eb9..a7235e3 100644 --- a/css/home.css +++ b/css/home.css @@ -15,4 +15,43 @@ justify-content: center; align-items: center; height: 200px; -} \ No newline at end of file +} + +/* Barre de progression */ + +.progression { +animation: 3s loadbar; +width:auto; +background-color: white; +display: inline-block; +padding: 0.7em 0.5em 0.5em 0.5em; +} + +@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; +} diff --git a/index.html b/index.html index 833d9c0..fcf9de3 100644 --- a/index.html +++ b/index.html @@ -80,8 +80,18 @@ Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de chacun·es.

- - +

+ Où en est-on ? +

+
+

Il y a

+
50/200
+

places déjà réservées

+
+

Et nous avons reçu

+
52,45%
+

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

+

Iels y participent

From e18381fc1700dd3934599a7a8388be3899cca7a9 Mon Sep 17 00:00:00 2001 From: Pierre de Lacroix Date: Thu, 22 Jan 2026 23:37:39 +0100 Subject: [PATCH 5/7] plug progression system to camp-api --- css/home.css | 1 + index.html | 9 ++--- js/progress.js | 91 ++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 97 insertions(+), 4 deletions(-) create mode 100644 js/progress.js diff --git a/css/home.css b/css/home.css index a7235e3..91028e9 100644 --- a/css/home.css +++ b/css/home.css @@ -25,6 +25,7 @@ width:auto; background-color: white; display: inline-block; padding: 0.7em 0.5em 0.5em 0.5em; +text-wrap: nowrap; } @keyframes loadbar { diff --git a/index.html b/index.html index fcf9de3..a856c90 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ + Camp Interhack @@ -83,13 +84,13 @@

Où en est-on ?

-
+

Il y a

-
50/200
-

places déjà réservées

+
?/200
+

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


Et nous avons reçu

-
52,45%
+
? %

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

diff --git a/js/progress.js b/js/progress.js new file mode 100644 index 0000000..ea1bdf2 --- /dev/null +++ b/js/progress.js @@ -0,0 +1,91 @@ +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); From fc5ae9031c5114cd4f18611c2e979db5c37b8b84 Mon Sep 17 00:00:00 2001 From: Pierre de Lacroix Date: Sun, 25 Jan 2026 13:02:56 +0100 Subject: [PATCH 6/7] fix invisible links (closes #26) --- css/base.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/base.css b/css/base.css index 7cc787e..8683964 100644 --- a/css/base.css +++ b/css/base.css @@ -33,6 +33,10 @@ img { } a { + color: inherit; +} + +nav a, footer a { color: black; text-decoration: none; } From bfa57e3fc8d77c700ffddd92248706ca70df125d Mon Sep 17 00:00:00 2001 From: Pierre de Lacroix Date: Sun, 25 Jan 2026 13:32:08 +0100 Subject: [PATCH 7/7] add aria-hidden to stickers --- guide.template.html | 24 ++++++++++++------------ index.html | 16 ++++++++-------- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/guide.template.html b/guide.template.html index f5a33db..7c88b2c 100644 --- a/guide.template.html +++ b/guide.template.html @@ -26,20 +26,20 @@ BISOUS
- - - - + + + + - - - - + + + + - - - - + + + +

camp diff --git a/index.html b/index.html index a856c90..962300c 100644 --- a/index.html +++ b/index.html @@ -21,15 +21,15 @@
- - - - + + + + - - - - + + + +

camp