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>
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>
+<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" />
(<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>
+ <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>
- Pour donner par virement bancaire, veuillez utiliser les coordonnées suivantes :
+ 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>
-<dl>
- <dt>Désignation</dt>
- <dd>Nos oignons</dd>
- <dt>RIB</dt>
- <dd>
- <table>
- <thead>
- <tr><td>Établissement</td><td>Guichet</td><td>N° Compte</td><td>Clé RIB</td></tr>
- </thead>
- <tbody>
- <tr><td>10278</td><td>02147</td><td>00020988801</td><td>47</td></tr>
- </tbody>
- </table>
- </dd>
- <dt>IBAN</dt>
- <dd>FR76 1027 8021 4700 0209 8880 147</dd>
- <dt>BIC</dt>
- <dd>CMCIFR2A</dd>
-</dl>
+<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>
projects / website.git / blobdiff