X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/68c17c26d2288ef79d69b8fc1b6e3f2caebdcff9..2700dfbe393a231df66277397b3acd28bd651e9e:/Donnez.html?ds=sidebyside

diff --git a/Donnez.html b/Donnez.html
index c04f850..5f74a6b 100644
--- a/Donnez.html
+++ b/Donnez.html
@@ -2,60 +2,125 @@
 
 <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="progress-bar-wrapper">
+    <div class="progress-bar" style='width: [[!inline pagenames="data/pourcentage-budget" raw="yes"]];'></div>
+</div>
+<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>
+
+<h3>Par carte bleue</h3>
+
+<p>
+  Les banques faisant des misères aux <a href="http://fdn2.org/">Fonds de
+  Défense de la Neutralité du Net</a>, nous sommes temporairement incapable
+  d'accepter les dons par carte bleue. Il est toujours possible d'utiliser
+  PayPal, même si cela nous coûte plus cher.
+</p>
+
+<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>De la main à la main</h3>
+
+<p>
+  Des membres de Nos oignons seront présent·e·s pour recevoir des dons de la
+  main à la main pendant les évènements suivants :
+</p>
+
+<ul>
+  <li><a href="http://poop.leloop.org/">Portes Ouvertes Ou Pas</a>, 13
+  et 14 juin 2015, Paris, France</li>
+  <li><a href="http://www.passageenseine.org/">Pas Sage En Seine</a>, 18 au 21 juin 2015, Paris, France</li>
+  <li><a href="https://jardin-entropique.eu.org/">Jardin Entropique</a>, 26 au 28 juin 2015, Rennes, France</li>
+  <li><a href="https://2015.rmll.info/">Rencontres Mondiales du Logiciel Libre</a>, 4 au 10 juillet 2015, Beauvais, France</li>
+  <li><a href="http://events.ccc.de/2015/02/10/chaos-communication-camp-2015-save-the-date/">Chaos Communication Camp</a>, 13 au 17 août 2015, Mildenberg, Allemagne</li>
+  <li><a href="http://debconf15.debconf.org/">DebConf</a>, 15 au 22 août 2015, Heidelberg, Allemagne</li>
+</ul>
+
+<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 0">1,00 EUR</option>
+      <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>
 
-<form method="get" action="#">
-  <div>
-    <div>
-      <input type="radio" name="amount" id="amount-10" value="10"
-      /><label for="amount-10">10 €</label>
-    </div>
-    <div>
-      <input type="radio" name="amount" id="amount-25" value="25"
-      /><label for="amount-25">25 €</label>
-    </div>
-    <div>
-      <input type="radio" name="amount" id="amount-50" value="50"
-      /><label for="amount-50">50 €</label>
-    </div>
-    <div>
-      <input type="radio" name="amount" id="amount-100" value="100"
-      /><label for="amount-100">100 €</label>
-    </div>
-    <div>
-      <input type="radio" name="amount" id="amount-250" value="250"
-      /><label for="amount-250">250 €</label>
-    </div>
-    <div>
-      <input type="radio" name="amount" id="amount-custom" value="custom"
-      /><label for="amount-custom">Autre</label>,
-      <label for="custom-amount">montant :</label
-      > <input type="text" name="custom-amount" id="custom-amount" />
-    </div>
-  </div>
-  <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>
-  <div>
-    <input type="submit" name="submit" id="submit" value="Soutenez le réseau Tor…" />
-  </div>
-</form>
-
-<p>
-  Pour les personnes qui souhaitent contribuer régulièrement, il également
-  possible de [[devenir membre de l'association|organization]].
 
 <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>
-"""
-      else="""
-<p>Nous serons bientôt en mesure de collecter des dons…</p>
 """]]