diff --git a/css/base.css b/css/base.css index d4bd66f..7182ff5 100644 --- a/css/base.css +++ b/css/base.css @@ -195,6 +195,19 @@ figcaption { margin-right: 10%; } +#progress { + display: block; + text-align: center; +} + +#gauge-bar { + float: left; +} + +#fundraising-bar { + float: left; +} + code { background: #ffffff1f; padding: 0.2em 0.4em; diff --git a/css/home.css b/css/home.css index 5d5fc30..6aa60c5 100644 --- a/css/home.css +++ b/css/home.css @@ -104,6 +104,6 @@ font-size : 1.5em; } .morethanhalf { -text-align : end; -color:black; + text-align : end; + background: linear-gradient(90deg,rgba(136, 0, 255, 1) 0%, rgba(255, 78, 0, 1) 42%, rgba(255, 191, 62, 1) 100%); } diff --git a/index.html b/index.html index cb83e46..d6fa260 100644 --- a/index.html +++ b/index.html @@ -95,12 +95,26 @@

Il y a

-
?/200
-

places déjà réservées.

+ +
+ + + ?/200 + + +
+ +

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


Et nous avons reçu

-
? %
-

des dons dont nous avons besoin

+
+ + + ? % + + +
+

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

diff --git a/js/progress.js b/js/progress.js index 71e3bab..9cefb6a 100644 --- a/js/progress.js +++ b/js/progress.js @@ -4,8 +4,8 @@ const gaugeMax = 200; const fundraisingTotalMax = 20000; async function getGauge() { - // REMOVE WHEN SIGNUP FORM IS OPEN - return 0; + // // REMOVE WHEN SIGNUP FORM IS OPEN + // return 0; try { const response = await fetch(gauge_url); @@ -61,7 +61,7 @@ async function setGauge() { const gaugeRatio = gauge / gaugeMax; gaugeBar.style.setProperty("width", percentRatio(gaugeRatio) + "%"); - gaugeText.innerText = gauge + "/" + gaugeMax; + gaugeText.innerText = gauge + " / " + gaugeMax; setAboveHalf(gaugeRatio, gaugeBar); }