bw_graphs: Mise à jour pour l'API de d3 v5.5.0

[website.git] / Donnez.html

diff --git a/Donnez.html b/Donnez.html
index 5575d7efd5ccf667b870c252c0753e9301a8d44d..5c4128d9e0053d36dbdc6733086f1ac5ce2f0b3d 100644 (file)
--- a/Donnez.html
+++ b/Donnez.html
@@ -3,103 +3,59 @@
 <h2>Soutenez le réseau Tor !</h2>
 
 <p>
 <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.
+  Le budget de Nos oignons tourne actuellement autour 12 000 € par an.
+  Nous dépensons donc en moyenne 200 € par relai et par mois.
+  Un don de 10 € couvre donc une journée et demi de fonctionnement d'un relai.

 </p>
 
 </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>
+<h3>État de la trésorerie<sup><a href="#fn-last-update" id="ref-last-update">1</a></sup></h3>

 
 

+<div class="progress-bar-wrapper" data-total='[[!inline pagenames="data/budget-total" raw="yes"]]€'>
+    <div class="progress-bar" title="Fonds disponibles" style='width: [[!inline pagenames="data/pourcentage-budget" raw="yes"]];' data-current='[[!inline pagenames="data/budget-current" raw="yes"]]€'></div>
+    <div class="progress-bar progress-bar-promises" title="Promesses de dons" style='width: [[!inline pagenames="data/pourcentage-avec-promesses" raw="yes"]];'></div>
+</div>

 <p>
 <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>.
+Un oignon correspond à 1 mois de fonctionnement<sup><a href="#fn-blurry" id="ref-blurry">2</a></sup>.
+<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>
 
 </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>
+<hr />

 
 

+<h2>Donner par carte bancaire</h2>
+
+<div class="donation-cb donation-cb--helloasso">
+<h3>Par HelloAsso</h3>

 <p>
 <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.
+  Les dons par <a
+  href="https://www.helloasso.com/associations/nos-oignons/">HelloAsso</a> nous
+  sont intégralement reversés. Toutefois, le site vous incite à verser, en plus
+  de votre don, un pourboire à destination de HelloAsso. <strong>Le montant est
+  libre. N’hésitez pas à le modifier.</strong> Les « pourboires » suggérés
+  peuvent être au-delà de 20% du don ! Les autres prestataires coûtent en général
+  entre 1% et 5%. HelloAsso peut toutefois être intéressant pour les dons
+  réguliers : vous pouvez choisir de ne laisser aucun pourboire, alors que la
+  plupart des autres services prendront un pourcentage à chacun des transferts.

 </p>
 
 </p>
 

-<h3>Par Flattr</h3>
-

 <p>
 <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>
+  <a style="font: 1.2em sans-serif; text-transform: uppercase;
+            max-width: 181px; text-decoration: none; display: block;
+            background: #5ab330; text-align: center;
+            padding: .5em .25em; color: #FFF;"
+     href="https://nos-oignons.donnerenligne.fr/?lang=fr">Faire un don</a>

 </p>
 </p>

+</div>

 
 

+<div class="donation-cb donation-cb--paypal">

 <h3>Par PayPal</h3>
 <h3>Par PayPal</h3>

-

 <p>
 <p>

-  Les dons par PayPal coûtent plutôt chers à l’association. Utilisez les
-  autres solutions si possible.
+  Les dons par PayPal coûtent 0,25€ + 1,4% du versement. Pour 10€,
+  PayPal gardera 0,39€. Pour 100€, PayPal gardera 1,65€.

 </p>
 
 <div class="paypal-donation">
 </p>
 
 <div class="paypal-donation">

-  <h4>Don ponctuel</h4>
+  <h5>Don ponctuel</h5>

   <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" />
   <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" />


@@ -112,7 +68,7 @@
 </div>
 
 <div class="paypal-donation">
 </div>
 
 <div class="paypal-donation">

-  <h4>Don mensuel</h4>
+  <h5>Don mensuel</h5>

   <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" />
   <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" />


@@ -130,23 +86,84 @@
 
   <a class="cancel" href="https://www.paypal.com/cgi-bin/webscr?cmd=_subscr-find&alias=JY9VMDPLR3RA2">Se désabonner</a>
 </div>
 
   <a class="cancel" href="https://www.paypal.com/cgi-bin/webscr?cmd=_subscr-find&alias=JY9VMDPLR3RA2">Se désabonner</a>
 </div>

+</div>

 
 

-<h3>Devenir membre</h3>
+<h2>Donner par virement</h2>

 
 <p>
 
 <p>

-  Pour les personnes qui souhaitent contribuer régulièrement, il est également
-  possible de [[devenir membre de l'association|Association]].
+  Pour obtenir les coordonnées bancaires (RIB et IBAN) de Nos oignons, écrivez
+  à notre <a href="mailto:donner@nos-oignons.net">répondeur automatique</a>.
+</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>
 
 </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>En bitcoins</h2>
+[[!img assets/bitcoin-address.png
+       link="bitcoin:1Nf16zXDSsbNt3b1VVr2SYiWcGR4wq44CF"
+       alt="QR code pour l’adresse Bitcoin"
+       caption="Adresse : 1Nf16zXDSsbNt3b1VVr2SYiWcGR4wq44CF"]]
+<p>
+  <strong>Attention</strong> : contrairement à ce que racontent les médias, les
+  échanges en <em>bitcoins</em> ne sont pas anonymes. L'intégralité des
+  échanges est enregistré et l'historique est accessible publiquement. C'est un
+  des principes de fonctionnement du système. Il existe donc de nombreuses
+  possibilités d'analyse permettant de faire le lien entre une adresse
+  <em>Bitcoin</em> et la personne qui s'en sert.
+</p>
+
+<div class="donation-other">
+<h2>Par Flattr</h2>
+<p>
+  Vous pouvez nous soutenir à travers la plateforme de micropaiements 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>
+</div>
+<!--
+<div class="donation-other">
+<h2>Par Liberapay</h2>
+<p>
+  Vous pouvez nous soutenir à travers la plateforme de dons récurrents Liberapay :<br />
+  <a href="https://fr.liberapay.com/nos-oignons/donate">[[!img assets/liberapay.png link=no alt="Donnez à Nos oignons avec Liberapay"]]</a>
+</p>
+</div>
+-->
+<h2>De la main à la main</h2>
+<p>
+  Des membres de Nos oignons sont régulièrement présent·e·s à des évènements
+  publics pour recevoir des dons de la main à la main. N'hésitez pas à nous
+  inviter !
+</p>

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

+<p>
+  Nous publions chaque année un rapport financier qui détaille l'utilisation
+  qui a été faite des dons récoltés :
+</p>
+<ul>
+  <li>[[Rapport financier 2016|Association/Rapport_financier_2016.pdf]]</li>
+  <li>[[Rapport financier 2015|Association/Rapport_financier_2015.pdf]]</li>
+  <li>[[Rapport financier 2014|Association/Rapport_financier_2014.pdf]]</li>
+  <li>[[Rapport financier 2013|Association/Rapport_financier_2013.pdf]]</li>
+</ul>
+<p>
+  Pour les personnes qui souhaitent contribuer régulièrement, il est également
+  possible de [[devenir membre de l'association|Association]].
+</p>

 
 

-<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>
-"""]]
+<hr />
+
+<div class="footnotes">
+  <p>
+    <a name="fn-last-update" href="#ref-last-update">1</a>&nbsp;:&nbsp;
+    Dernière mise à jour au [[!inline pagenames="data/last-update" raw="yes"]]
+  </p>
+  <p>
+    <a name="fn-blurry" href="#ref-blurry">2</a>&nbsp;:&nbsp;
+    Les oignons pleins représentent les dons reçus. Les oignons hachurés représentent les promesses de dons.
+  </p>
+</div>