Donnez.html

   1 [[!meta title="Donnez !"]]
   2
   3 <h2>Soutenez le réseau Tor !</h2>
   4
   5 <p>
   6   Pour vous faire une idée, avec nos estimations actuelles, chaque relai
   7   100 Mbit/s devrait nous coûter entre 180 € et 300 € par mois. Un don
   8   de 10 € couvre donc une journée de fonctionnement d'un relai.
   9 </p>
  10
  11 <h3>État de la trésorerie</h3>
  12 <div class="half-section section-progress-bar">
  13   <div class="progress-bar-wrapper">
  14     <div class="progress-bar" style="width: 50%;"></div>
  15   </div>
  16 </div>
  17 <div class="half-section section-progress-text">
  18   <p>
  19     Un oignon correspond à 1 mois de fonctionnement.
  20     <br />
  21     Au dela de 6 mois, nous essayons de mettre en place un nouveau relai.
  22   </p>
  23 </div>
  24
  25 <h3>Par carte bleue</h3>
  26
  27 <p>
  28   La collecte de dons pour <em>Nos oignons</em> se fait grâce au Fonds de
  29   Défense de la Neutralité du Net. Ce formulaire redirigera votre navigateur vers
  30   le site <code>secure.fdn2.org</code>.
  31 </p>
  32
  33 <form method="get" class="fdn-form" action="https://secure.fdn2.org/fdn2/nouser">
  34   <select name="px" id="px">
  35     <option value="10">10 €</option>
  36     <option value="25">25 €</option>
  37     <option value="50">50 €</option>
  38     <option value="100">100 €</option>
  39     <option value="250">250 €</option>
  40     <option value="">Autre</option>
  41   </select>
  42   <input type="text" name="custom-amount" id="custom-amount" />
  43   <!-- XXX: need some support code
  44   <div>
  45     <input type="checkbox" name="recurring" id="reccuring" value="true" />
  46     <label for="recurring">Je souhaite faire ce don tous les mois
  47     (<em>banque française seulement</em>).</label>
  48   </div>
  49   -->
  50     <input type="hidden" name="lang" value="fr" />
  51     <input type="hidden" name="dest" value="oignon" />
  52     <input type="submit" name="submit" id="submit" value="Soutenez le réseau Tor…" />
  53     <script type="text/javascript">
  54     var px = document.querySelector('#px'),
  55         customAmount = document.querySelector('#custom-amount');
  56     px.addEventListener('change',function(){
  57       // Update input name to prefill FDN form
  58       if (px.value) {
  59         px.name = "px";
  60         customAmount.name = "custom-amount";
  61         customAmount.value = "";
  62         customAmount.style.display = "none";
  63
  64       }
  65       else {
  66         customAmount.style.display = "inline-block";
  67         customAmount.name = "px";
  68         px.name = "dummy_px";
  69       }
  70     });
  71     </script>
  72 </form>
  73
  74 <h3>Par virement</h3>
  75
  76 <p>
  77   Veuillez [[nous contacter|Contact]] pour obtenir les coordonnées pour donner
  78   par virement bancaire.
  79 </p>
  80 <p>
  81   La plupart des banques proposent de faire des virements réguliers appelés
  82   « virements permanents ». Les virements permanents nous donnent une meilleure
  83   visibilité pour le financement des nœuds dans le temps.
  84 </p>
  85
  86 <h3>Par Flattr</h3>
  87
  88 <p>
  89   Vous pouvez nous soutenir à travers la plateforme de micropaiments Flattr :<br />
  90   <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"
  91    >[[!img assets/flattr-badge-large.png link=no alt="Donnez à Nos oignons avec Flattr"]]</a>
  92 </p>
  93
  94 <h3>Par PayPal</h3>
  95
  96 <p>
  97   Les dons par PayPal coûtent plutôt chers à l’association. Utilisez les
  98   autres solutions si possible.
  99 </p>
 100
 101 <div class="paypal-donation">
 102   <h4>Don ponctuel</h4>
 103   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 104     <input type="hidden" name="cmd" value="_donations" />
 105     <input type="hidden" name="business" value="ca@nos-oignons.net" />
 106     <input type="hidden" name="lc" value="FR" />
 107     <input type="hidden" name="item_name" value="Nos oignons" />
 108     <input type="hidden" name="no_note" value="0" />
 109     <input type="hidden" name="currency_code" value="EUR" />
 110     <input type="image" src="../assets/paypal_fr_btn_donate_LG.gif" border="0" name="submit" alt="Soutenez Nos oignons via PayPal" />
 111   </form>
 112 </div>
 113
 114 <div class="paypal-donation">
 115   <h4>Don mensuel</h4>
 116   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 117     <input type="hidden" name="cmd" value="_s-xclick" />
 118     <input type="hidden" name="hosted_button_id" value="HXJ9BDH45MVSL" />
 119     <input type="hidden" name="on0" value="Choisissez le montant de votre don mensuel" />
 120     <select name="os0">
 121       <option value="Option 1">5,00 EUR</option>
 122       <option value="Option 2">10,00 EUR</option>
 123       <option value="Option 3">25,00 EUR</option>
 124       <option value="Option 4">50,00 EUR</option>
 125       <option value="Option 5">100,00 EUR</option>
 126     </select>
 127     <input type="hidden" name="currency_code" value="EUR" />
 128     <input type="image" src="../assets/paypal_fr_btn_subscribe_LG.gif" border="0" name="submit" alt="Souscrire" />
 129   </form>
 130
 131   <a class="cancel" href="https://www.paypal.com/cgi-bin/webscr?cmd=_subscr-find&alias=JY9VMDPLR3RA2">Se désabonner</a>
 132 </div>
 133
 134 <h3>Devenir membre</h3>
 135
 136 <p>
 137   Pour les personnes qui souhaitent contribuer régulièrement, il est également
 138   possible de [[devenir membre de l'association|Association]].
 139 </p>
 140
 141 [[!if test="prototype"
 142       then="""
 143 <p><em>XXX: ajouter une estimation genre : avec la quantité actuelle d'argent,
 144 on peut faire tourner 2 relais pendant 6 mois ; on peut faire tourner 4 relais
 145 pendant 3 mois, etc.</em></p>
 146
 147
 148 <h2>Comment sont dépensés les sous ?</h2>
 149
 150 <p><em>XXX: ajouter un lien vers un rapport financier quand ce sera possible,
 151 et vers un résumé des différents postes avant ça</em></p>
 152 """]]