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. En dessous de 3 mois, nous serons amenés à fermer un relai existant.
+ </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" class="fdn-form" action="https://secure.fdn2.org/fdn2/nouser">
+ <select name="px" id="px">
+ <option value="10">10 €</option>
+ <option value="25">25 €</option>
+ <option value="50">50 €</option>
+ <option value="100">100 €</option>
+ <option value="250">250 €</option>
+ <option value="">Autre</option>
+ </select>
+ <input type="text" name="custom-amount" id="custom-amount" />
+ <!-- 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>
+ -->
+ <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…" />
+ <script type="text/javascript">
+ var px = document.querySelector('#px'),
+ customAmount = document.querySelector('#custom-amount');
+ px.addEventListener('change',function(){
+ /* Update input name to prefill FDN form */
+ if (px.value) {
+ px.name = "px";
+ customAmount.name = "custom-amount";
+ customAmount.value = "";
+ customAmount.style.display = "none";
+ }
+ else {
+ customAmount.style.display = "inline-block";
+ customAmount.name = "px";
+ px.name = "dummy_px";
+ }
+ });
+ </script>
+</form>
+
<h3>Par virement</h3>
<p>
<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" />