Refonte jauge : affichage des soutiens réguliers vers objectif 500

- Remplace le montant collecté par le nombre de soutiens réguliers actifs
  (plans Donorbox status=active + 98 soutiens historiques) avec objectif 500
- Proxy PHP : appel à /api/v1/plans pour compter les plans actifs toutes
  campagnes confondues, avec pagination et détail plans_detail dans la réponse
- Jauge initialisée à 19.6% (98/500) en fallback si l'API est indisponible
- Versions FR et EN mises à jour

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-06 08:45:11 +01:00
parent f0591a20ab
commit 97766e6bb7
5 changed files with 301 additions and 113 deletions

View file

@ -96,21 +96,17 @@
<div class="gauge__container">
<div id="gauge" style="--pourcent: 0%"></div>
<div class="gauge--infos" id="gauge--infos__donateurs">
<p class="property">Raised</p>
<p class="value">0€</p>
</div>
<div class="gauge--infos" id="gauge--infos__donors">
<p class="property">Donors</p>
<p class="property">Regular supporters</p>
<p class="value">0</p>
</div>
<div class="gauge--infos" id="gauge--infos__objectif">
<p class="property">Goal</p>
<p class="value"></p>
<p class="value">500</p>
</div>
</div>
<p class="p__baseline-big">
Support us <strong>in 2026</strong>
Goal: 500 supporters<br /><strong>in 2026</strong>
</p>
</section>
@ -518,16 +514,36 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="icon">
<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-2,1.77636e-15)">
<circle cx="14" cy="12" r="12" style="fill:white;"/>
</g>
<g transform="matrix(0.692308,0,0,0.692308,3.69231,3.69231)">
<path d="M21.742,21.75L14.179,10.571L21.235,2.25L18.779,2.25L13.088,8.964L8.548,2.25L2.359,2.25L9.649,13.026L2.25,21.75L4.706,21.75L10.741,14.632L15.559,21.75L21.75,21.75L21.742,21.75ZM7.739,3.818L18.81,20.182L16.363,20.182L5.29,3.818L7.739,3.818Z" style="fill-rule:nonzero;"/>
</g>
</svg>
</span>
<span class="icon">
<svg
width="100%"
height="100%"
viewBox="0 0 24 24"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve"
xmlns:serif="http://www.serif.com/"
style="
fill-rule: evenodd;
clip-rule: evenodd;
stroke-linejoin: round;
stroke-miterlimit: 2;
"
>
<g transform="matrix(1,0,0,1,-2,1.77636e-15)">
<circle cx="14" cy="12" r="12" style="fill: white" />
</g>
<g
transform="matrix(0.692308,0,0,0.692308,3.69231,3.69231)"
>
<path
d="M21.742,21.75L14.179,10.571L21.235,2.25L18.779,2.25L13.088,8.964L8.548,2.25L2.359,2.25L9.649,13.026L2.25,21.75L4.706,21.75L10.741,14.632L15.559,21.75L21.75,21.75L21.742,21.75ZM7.739,3.818L18.81,20.182L16.363,20.182L5.29,3.818L7.739,3.818Z"
style="fill-rule: nonzero"
/>
</g>
</svg>
</span>
<span class="text">X</span>
</a>
</li>