[[!meta title="Donnez !"]]

<h2>Soutenez le réseau Tor !</h2>

<p>
  Pour vous faire une idée, avec nos estimations actuelles, chaque relai
  100 Mbit/s devrait nous coûter entre 180 € et 300 € par mois. Un don
  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. 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>
  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>

<p>
  Pour les personnes qui souhaitent contribuer régulièrement, il est également
  possible de [[devenir membre de l'association|Association]].
</p>

[[!if test="prototype"
      then="""
<p><em>XXX: ajouter une estimation genre : avec la quantité actuelle d'argent,
on peut faire tourner 2 relais pendant 6 mois ; on peut faire tourner 4 relais
pendant 3 mois, etc.</em></p>


<h2>Comment sont dépensés les sous ?</h2>

<p><em>XXX: ajouter un lien vers un rapport financier quand ce sera possible,
et vers un résumé des différents postes avant ça</em></p>
"""]]