Ajout du langcode a la balise html + class sur body.

[website.git] / Donnez.html

diff --git a/Donnez.html b/Donnez.html
index 7420dad19e1f33b3d4edb7495778be3cc9f45516..bd5ccad3d102c440374cc2638b34a0094fdf1c14 100644 (file)
--- a/Donnez.html
+++ b/Donnez.html
@@ -4,71 +4,124 @@
 
 <p>
   Pour vous faire une idée, avec nos estimations actuelles, chaque relai
 
 <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
+  100 Mbit/s devrait nous coûter un peu moins de 300 € par mois. Un don

   de 10 € couvre donc une journée de fonctionnement d'un relai.
 </p>
 
   de 10 € couvre donc une journée de fonctionnement d'un relai.
 </p>
 

-<h3>État de la trésorerie<sup><a href="#fn-last-update">1</a></sup></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-wrapper" data-total='[[!inline pagenames="data/budget-total" raw="yes"]]€'>

-    <div class="progress-bar" style='width: [[!inline pagenames="data/pourcentage-budget" raw="yes"]];' data-current='[[!inline pagenames="data/budget-current" raw="yes"]]€'></div>
+    <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>
 </div>
 <p>

-Un oignon correspond à 1 mois de fonctionnement.
+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>
 
 <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>
+<hr />
+
+<h2>Donner par carte bancaire</h2>

 
 

+<p><em>
+  Les banques faisant des misères au <a href="https://fdn2.org/">Fonds de
+  Défense de la Neutralité du Net</a>, il est impossible d'utiliser notre
+  solution préférée pour accepter les dons par carte bancaire. Il est toujours
+  possible d'utiliser PayPal ou HelloAsso.
+</em></p>
+
+<div class="donation-cb donation-cb--paypal">
+<h3>Par PayPal</h3>

 <p>
 <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.
+  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>
 
 </p>
 

-<h3>Par virement</h3>
+<div class="paypal-donation">
+  <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" />
+    <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">
+  <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" />
+    <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>
+</div>
+
+<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.
+  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. Le montant est libre. Si
+  on compare à d'autres prestataires, 1€ représente beaucoup d'argent pour une
+  simple transaction bancaire, mais cela devient intéressant dans le contexte
+  des dons récurrents.

 </p>
 </p>

+

 <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.
+  <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>

 
 

-<h3>De la main à la main</h3>
+<h2>Donner par virement</h2>

 
 <p>
 
 <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 :
+  Depuis le mercredi 14 janvier 2016, Nos oignons a de nouvelles coordonnées
+  bancaires (RIB et IBAN). Vous pouvez les obtenir en écrivant à notre
+  <a href="mailto:donner@nos-oignons.net">répondeur automatique</a>.
+  <b>Si vous aviez un don récurrent par virement, n'oubliez pas de mettre à
+  jour nos coordonnées bancaires</b>.
+</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>
 

-<ul>
-  <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>En bitcoins</h3>

 
 

-<p>
+<s><h2>En bitcoins</h2></s>
+<s><p>

   Faire un don en bitcoins équivalent<sup><a href="#fn-last-update">1</a></sup> à :
 </p>
   Faire un don en bitcoins équivalent<sup><a href="#fn-last-update">1</a></sup> à :
 </p>

-
-<ul>
+<!--
+<ul class="paymium-btns">

   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/b07d603b-d0d2-4c81-8494-ff9309a230a8?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/5-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/6023f54a-b558-4b19-a8af-ed7edecce905?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/10-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/aab1fbee-deee-4cb3-b91f-fadec707e4f6?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/25-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/6bb4461f-e992-495d-a0b4-c3f015449530?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/50-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/ad551eed-0e89-4d8e-9f6a-57a8dcfc7f20?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/100-eur-and-btc" raw="yes"]]</a></li>
 </ul>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/b07d603b-d0d2-4c81-8494-ff9309a230a8?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/5-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/6023f54a-b558-4b19-a8af-ed7edecce905?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/10-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/aab1fbee-deee-4cb3-b91f-fadec707e4f6?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/25-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/6bb4461f-e992-495d-a0b4-c3f015449530?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/50-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/ad551eed-0e89-4d8e-9f6a-57a8dcfc7f20?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/100-eur-and-btc" raw="yes"]]</a></li>
 </ul>

-
+-->
+</s>

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


@@ -77,58 +130,46 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   possibilités d'analyse permettant de faire le lien entre une adresse
   <em>Bitcoin</em> et la personne qui s'en sert.
 </p>
   possibilités d'analyse permettant de faire le lien entre une adresse
   <em>Bitcoin</em> et la personne qui s'en sert.
 </p>

+<p>
+  Les dons en Bitcoin sont temporairement suspendus suite à des difficultés
+  administratives avec la plateforme Paymium.
+</p>

 
 

-<h3>Par Flattr</h3>
-
+<div class="donation-other">
+<h2>Par Flattr</h2>

 <p>
 <p>

-  Vous pouvez nous soutenir à travers la plateforme de micropaiments Flattr :<br />
+  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>
   <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>

 
 

-<h3>Par PayPal</h3>
-
+<div class="donation-other">
+<h2>Par Liberapay</h2>

 <p>
 <p>

-  Les dons par PayPal coûtent plutôt chers à l’association. Utilisez les
-  autres solutions si possible.
+  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>
 </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>
 

-<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>
+<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>
+<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>
   Pour les personnes qui souhaitent contribuer régulièrement, il est également
   possible de [[devenir membre de l'association|Association]].


@@ -138,20 +179,11 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
 
 <div class="footnotes">
   <p>
 
 <div class="footnotes">
   <p>

-    <a name="fn-last-update"></a>
-    1 : Dernière mise à jour au [[!inline pagenames="data/last-update" raw="yes"]]
+    <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>
   </p>
 </div>

-
-[[!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>
-"""]]