From e2b073704d99077434744f951a17c59ef0a4b1e0 Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 12:34:52 +0100 Subject: [PATCH 1/6] Ajout de la section des dons --- index.html | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 33387a6..ea77b3b 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,7 @@ + Camp Interhack @@ -92,8 +93,33 @@

Et nous avons reçu

? %
-

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

+

des dons dont nous avons besoin

+ +

+ Faire un don +

+
+

Nous avons besoin de sous avant le débût du Camp pour financer l'achat de fournitures, payer la réservation du lieu et monter la logistique.

+
+ + + + + + + +
+ +
+
+

Nous estimons avoir un budget de XXX et être autour de 200, et aurons donc besoin d'au moins autant pour que le camp soit à l'équilibre.

+ Voir le détail des comptes +
+
+ + +

Iels y participent

@@ -131,5 +157,5 @@ - + From f7c88f2a69ffced24084d1432d466b6e9474b134 Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 12:35:09 +0100 Subject: [PATCH 2/6] Ajout du CSS des dons --- css/home.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/css/home.css b/css/home.css index 91028e9..897274b 100644 --- a/css/home.css +++ b/css/home.css @@ -17,6 +17,56 @@ height: 200px; } +/* Section des dons */ + +#don > div { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; +} + +#don button { + flex-grow: 1; + width: 3em; + color: white; + font-size: 2em; + border: none; + font-family: MonTrappist; + margin: 0.2em; + padding: 0.3em; + background: var(--primary-bg-color); + background: linear-gradient(0deg,rgba(136, 0, 255, 1) 0%, rgba(255, 191, 62, 1) 50%, rgba(255, 78, 0, 1) 100%); + box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet); +} + +#don > hr { + margin-top: 1em; +} + +#don p { + text-align: justify; + text-align: center; +} + +@keyframes bang { + from { + transform: translate3d(0,0,0); + opacity: 1; + } +} + +.btn-pop i { + position: absolute; + display: block; + left: 50%; + top: 0; + width: 3px; + height: 8px; + background: red; + opacity: 0; +} + /* Barre de progression */ .progression { From c47bd42d46b94ab75420eddc6a44beaa5b92728b Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 12:35:15 +0100 Subject: [PATCH 3/6] Ajout d'un effet pour le passage sur les boutons de don --- js/pop.js | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 js/pop.js diff --git a/js/pop.js b/js/pop.js new file mode 100644 index 0000000..d5f3ef9 --- /dev/null +++ b/js/pop.js @@ -0,0 +1,21 @@ +document.querySelectorAll('button').forEach(function(button) { + button.addEventListener('mouseenter', function() { + function random(max) { + return Math.random() * (max - 0) + 0; + } + + var c = document.createDocumentFragment(); + for (var i = 0; i < 100; i++) { + var styles = 'transform: translate3d(' + (random(500) - 250) + 'px, ' + + (random(200) - 150) + 'px, 0) rotate(' + random(360) + 'deg);' + + 'background: hsla(' + random(360) + ', 100%, 50%, 1);' + + 'animation: bang 700ms ease-out forwards;' + + 'opacity: 0'; + + var e = document.createElement("i"); + e.style.cssText = styles; + c.appendChild(e); + } + button.appendChild(c); + }); +}); From 40b2b2fcf789f4ecf664d7061461b1222af71ead Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 18:18:46 +0100 Subject: [PATCH 4/6] =?UTF-8?q?Change=20la=20fa=C3=A7on=20dont=20les=20feu?= =?UTF-8?q?x=20d'artifices=20apparaissent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/home.css | 12 ++++++------ js/pop.js | 18 ++++++++++++++---- 2 files changed, 20 insertions(+), 10 deletions(-) diff --git a/css/home.css b/css/home.css index 897274b..7ac335f 100644 --- a/css/home.css +++ b/css/home.css @@ -57,12 +57,12 @@ } .btn-pop i { - position: absolute; - display: block; - left: 50%; - top: 0; - width: 3px; - height: 8px; + /* position: ; */ + display:run-in; + left: 0px; + top: 0px; + width: 1px; + height: 1px; background: red; opacity: 0; } diff --git a/js/pop.js b/js/pop.js index d5f3ef9..345b250 100644 --- a/js/pop.js +++ b/js/pop.js @@ -6,16 +6,26 @@ document.querySelectorAll('button').forEach(function(button) { var c = document.createDocumentFragment(); for (var i = 0; i < 100; i++) { - var styles = 'transform: translate3d(' + (random(500) - 250) + 'px, ' + - (random(200) - 150) + 'px, 0) rotate(' + random(360) + 'deg);' + + var styles = 'position: absolute;' + + 'left: ' + (random(100)) + '30%;' + // Limit the position to within the button + 'top: ' + (random(60)) + '30%;' + // Limit the position to within the button + 'width: 3px; height: 6px; ' + // Increase size + 'transform: translate(-50%, -50%) rotate(' + random(360) + 'deg);' + 'background: hsla(' + random(360) + ', 100%, 50%, 1);' + - 'animation: bang 700ms ease-out forwards;' + - 'opacity: 0'; + 'animation: bang 2000ms ease-out forwards;' + + 'opacity: 0;' + + 'z-index: 10;'; // Set a high z-index var e = document.createElement("i"); e.style.cssText = styles; c.appendChild(e); } button.appendChild(c); + setTimeout(() => { + // Create an array of the elements to remove + let childrenToRemove = Array.from(button.querySelectorAll('i')); + // Remove each element + childrenToRemove.forEach(child => button.removeChild(child)); + }, 3000); }); }); From fa058dadbdb528cc53d0206587f5090f57975502 Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 18:27:45 +0100 Subject: [PATCH 5/6] Ajout d'un curseur sur les boutons --- css/home.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/home.css b/css/home.css index 7ac335f..5d5fc30 100644 --- a/css/home.css +++ b/css/home.css @@ -38,6 +38,7 @@ background: var(--primary-bg-color); background: linear-gradient(0deg,rgba(136, 0, 255, 1) 0%, rgba(255, 191, 62, 1) 50%, rgba(255, 78, 0, 1) 100%); box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet); + cursor: pointer; } #don > hr { From fc3a5eb9d18d82c0d25c3c30a92eae8acf4d9404 Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 18:27:56 +0100 Subject: [PATCH 6/6] Ajout d'une option pour les dons --- index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index ea77b3b..4ea4806 100644 --- a/index.html +++ b/index.html @@ -108,12 +108,13 @@ +
-

Nous estimons avoir un budget de XXX et être autour de 200, et aurons donc besoin d'au moins autant pour que le camp soit à l'équilibre.

+

Nous estimons avoir un budget de 15 000€ et être autour de 200, et aurons donc besoin d'au moins autant pour que le camp soit à l'équilibre.

Voir le détail des comptes