Ajout de la barre de progression.

[website.git] / Donnez.html

diff --git a/Donnez.html b/Donnez.html
index d6b80af7cff898eb49a485ca241ea879427c4f97..2c415d04080c411142c040fcb73e76ac08cdf645 100644 (file)
--- a/Donnez.html
+++ b/Donnez.html
@@ -8,14 +8,72 @@
   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>
   La collecte de dons pour <em>Nos oignons</em> se fait grâce au Fonds de
-  Défense de la Neutralité du Net. Malheureusement, à cause de problème
-  bancaire, il est temporairement impossible de donner par ce biais.
+  Défense de la Neutralité du Net. Ce formulaire redirigera votre navigateur vers
+  le site <code>secure.fdn2.org</code>.
 </p>
 
+<form method="get" action="https://secure.fdn2.org/fdn2/nouser">
+  <div>
+    <div>
+      <input type="radio" name="px" id="amount-10" value="10"
+      /><label for="amount-10">10 €</label>
+    </div>
+    <div>
+      <input type="radio" name="px" id="amount-25" value="25"
+      /><label for="amount-25">25 €</label>
+    </div>
+    <div>
+      <input type="radio" name="px" id="amount-50" value="50"
+      /><label for="amount-50">50 €</label>
+    </div>
+    <div>
+      <input type="radio" name="px" id="amount-100" value="100"
+      /><label for="amount-100">100 €</label>
+    </div>
+    <div>
+      <input type="radio" name="px" id="amount-250" value="250"
+      /><label for="amount-250">250 €</label>
+    </div>
+    <div>
+      <input type="radio" name="amount" id="amount-custom" value=""
+      /><label for="amount-custom">Autre</label><!-- XXX: need some support code,
+      <label for="custom-amount">montant :</label
+      > <input type="text" name="custom-amount" id="custom-amount" />
+      -->
+    </div>
+  </div>
+  <!-- XXX: need some support code
+  <div>
+    <input type="checkbox" name="recurring" id="reccuring" value="true" />
+    <label for="recurring">Je souhaite faire ce don tous les mois
+    (<em>banque française seulement</em>).</label>
+  </div>
+  -->
+  <div>
+    <input type="hidden" name="lang" value="fr" />
+    <input type="hidden" name="dest" value="oignon" />
+    <input type="submit" name="submit" id="submit" value="Soutenez le réseau Tor…" />
+  </div>
+</form>
+
 <h3>Par virement</h3>
 
 <p>
@@ -58,7 +116,7 @@
 
 <div class="paypal-donation">
   <h4>Don mensuel</h4>
-  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">  
+  <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" />