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. En dessous de 3 mois, nous serons amenés à fermer un relai existant.
  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       else {
  65         customAmount.style.display = "inline-block";
  66         customAmount.name = "px";
  67         px.name = "dummy_px";
  68       }
  69     });
  70     </script>
  71 </form>
  72
  73 <h3>Par virement</h3>
  74
  75 <p>
  76   Veuillez [[nous contacter|Contact]] pour obtenir les coordonnées pour donner
  77   par virement bancaire.
  78 </p>
  79 <p>
  80   La plupart des banques proposent de faire des virements réguliers appelés
  81   « virements permanents ». Les virements permanents nous donnent une meilleure
  82   visibilité pour le financement des nœuds dans le temps.
  83 </p>
  84
  85 <h3>Par Flattr</h3>
  86
  87 <p>
  88   Vous pouvez nous soutenir à travers la plateforme de micropaiments Flattr :<br />
  89   <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"
  90    >[[!img assets/flattr-badge-large.png link=no alt="Donnez à Nos oignons avec Flattr"]]</a>
  91 </p>
  92
  93 <h3>Par PayPal</h3>
  94
  95 <p>
  96   Les dons par PayPal coûtent plutôt chers à l’association. Utilisez les
  97   autres solutions si possible.
  98 </p>
  99
 100 <div class="paypal-donation">
 101   <h4>Don ponctuel</h4>
 102   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 103     <input type="hidden" name="cmd" value="_donations" />
 104     <input type="hidden" name="business" value="ca@nos-oignons.net" />
 105     <input type="hidden" name="lc" value="FR" />
 106     <input type="hidden" name="item_name" value="Nos oignons" />
 107     <input type="hidden" name="no_note" value="0" />
 108     <input type="hidden" name="currency_code" value="EUR" />
 109     <input type="image" src="../assets/paypal_fr_btn_donate_LG.gif" border="0" name="submit" alt="Soutenez Nos oignons via PayPal" />
 110   </form>
 111 </div>
 112
 113 <div class="paypal-donation">
 114   <h4>Don mensuel</h4>
 115   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 116     <input type="hidden" name="cmd" value="_s-xclick" />
 117     <input type="hidden" name="hosted_button_id" value="HXJ9BDH45MVSL" />
 118     <input type="hidden" name="on0" value="Choisissez le montant de votre don mensuel" />
 119     <select name="os0">
 120       <option value="Option 1">5,00 EUR</option>
 121       <option value="Option 2">10,00 EUR</option>
 122       <option value="Option 3">25,00 EUR</option>
 123       <option value="Option 4">50,00 EUR</option>
 124       <option value="Option 5">100,00 EUR</option>
 125     </select>
 126     <input type="hidden" name="currency_code" value="EUR" />
 127     <input type="image" src="../assets/paypal_fr_btn_subscribe_LG.gif" border="0" name="submit" alt="Souscrire" />
 128   </form>
 129
 130   <a class="cancel" href="https://www.paypal.com/cgi-bin/webscr?cmd=_subscr-find&alias=JY9VMDPLR3RA2">Se désabonner</a>
 131 </div>
 132
 133 <h3>Devenir membre</h3>
 134
 135 <p>
 136   Pour les personnes qui souhaitent contribuer régulièrement, il est également
 137   possible de [[devenir membre de l'association|Association]].
 138 </p>
 139
 140 [[!if test="prototype"
 141       then="""
 142 <p><em>XXX: ajouter une estimation genre : avec la quantité actuelle d'argent,
 143 on peut faire tourner 2 relais pendant 6 mois ; on peut faire tourner 4 relais
 144 pendant 3 mois, etc.</em></p>
 145
 146
 147 <h2>Comment sont dépensés les sous ?</h2>
 148
 149 <p><em>XXX: ajouter un lien vers un rapport financier quand ce sera possible,
 150 et vers un résumé des différents postes avant ça</em></p>
 151 """]]