Ajout de la barre de progression.

[website.git] / Donnez.html

diff --git a/Donnez.html b/Donnez.html
index fe89e1ba99e8cd6a9a807bef9c3831fdd315df99..2c415d04080c411142c040fcb73e76ac08cdf645 100644 (file)
--- a/Donnez.html
+++ b/Donnez.html
@@ -8,6 +8,20 @@
   de 10 € couvre donc une journée de fonctionnement d'un relai.
 </p>
 
+<h3>État de la trésorerie</h3>
+<div class="half-section section-progress-bar">
+  <div class="progress-bar-wrapper">
+    <div class="progress-bar" style="width: 50%;"></div>
+  </div>
+</div>
+<div class="half-section section-progress-text">
+  <p>
+    Un oignon correspond à 1 mois de fonctionnement.
+    <br />
+    Au dela de 6 mois, nous essayons de mettre en place un nouveau relai.
+  </p>
+</div>
+
 <h3>Par carte bleue</h3>
 
 <p>
@@ -63,9 +77,62 @@
 <h3>Par virement</h3>
 
 <p>
-  Veuillez [[nous contacter|Contact]] pour obtenir les coordonées pour donner
+  Veuillez [[nous contacter|Contact]] pour obtenir les coordonnées pour donner
   par virement bancaire.
 </p>
+<p>
+  La plupart des banques proposent de faire des virements réguliers appelés
+  « virements permanents ». Les virements permanents nous donnent une meilleure
+  visibilité pour le financement des nœuds dans le temps.
+</p>
+
+<h3>Par Flattr</h3>
+
+<p>
+  Vous pouvez nous soutenir à travers la plateforme de micropaiments Flattr :<br />
+  <a href="https://flattr.com/submit/auto?user_id=nos_oignons&url=https://nos-oignons.net/&title=Nos%20oignons&description=N%C5%93uds%20de%20sortie%20Tor%20financ%C3%A9s%20par%20la%20communaut%C3%A9&language=fr_FR&tags=tor&category=software"
+   >[[!img assets/flattr-badge-large.png link=no alt="Donnez à Nos oignons avec Flattr"]]</a>
+</p>
+
+<h3>Par PayPal</h3>
+
+<p>
+  Les dons par PayPal coûtent plutôt chers à l’association. Utilisez les
+  autres solutions si possible.
+</p>
+
+<div class="paypal-donation">
+  <h4>Don ponctuel</h4>
+  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+    <input type="hidden" name="cmd" value="_donations" />
+    <input type="hidden" name="business" value="ca@nos-oignons.net" />
+    <input type="hidden" name="lc" value="FR" />
+    <input type="hidden" name="item_name" value="Nos oignons" />
+    <input type="hidden" name="no_note" value="0" />
+    <input type="hidden" name="currency_code" value="EUR" />
+    <input type="image" src="../assets/paypal_fr_btn_donate_LG.gif" border="0" name="submit" alt="Soutenez Nos oignons via PayPal" />
+  </form>
+</div>
+
+<div class="paypal-donation">
+  <h4>Don mensuel</h4>
+  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+    <input type="hidden" name="cmd" value="_s-xclick" />
+    <input type="hidden" name="hosted_button_id" value="HXJ9BDH45MVSL" />
+    <input type="hidden" name="on0" value="Choisissez le montant de votre don mensuel" />
+    <select name="os0">
+      <option value="Option 1">5,00 EUR</option>
+      <option value="Option 2">10,00 EUR</option>
+      <option value="Option 3">25,00 EUR</option>
+      <option value="Option 4">50,00 EUR</option>
+      <option value="Option 5">100,00 EUR</option>
+    </select>
+    <input type="hidden" name="currency_code" value="EUR" />
+    <input type="image" src="../assets/paypal_fr_btn_subscribe_LG.gif" border="0" name="submit" alt="Souscrire" />
+  </form>
+
+  <a class="cancel" href="https://www.paypal.com/cgi-bin/webscr?cmd=_subscr-find&alias=JY9VMDPLR3RA2">Se désabonner</a>
+</div>
 
 <h3>Devenir membre</h3>