<h2>Soutenez le réseau Tor !</h2>
-<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ées 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>
+<p>
+ 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>
+
+<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>
+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>
+
+<hr />
+
+<h2>Affiches et cartes postales</h2>
+
+<p>
+Dans la continuité de notre <a href="https://nos-oignons.net/campagne2018/">campagne 2018</a>, nous vous proposons toujours des contreparties en échanges de vos dons.
+<br />
+<center>[[!img assets/contrepartie-trois-cartes.jpg]]
+ [[!img assets/contrepartie-affiche-et-cartes.jpg]]</center>
+</p>
+
+<hr />
+
+<h2>Donner par carte bancaire</h2>
+
+<div class="donation-cb donation-cb--helloasso">
+<h3>Par HelloAsso</h3>
+<p>
+ 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>
+ <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>
+</div>
+
+<div class="donation-cb donation-cb--paypal">
+<h3>Par PayPal</h3>
+<p>
+ 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">
+ <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>
+
+<h2>Donner par virement</h2>
+
+<p>
+ 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>
+
+
+<h2>En bitcoins</h2>
+<p>
+ Faire un don en bitcoins équivalent<sup><a href="#fn-last-update">1</a></sup> à :
+</p>
+<ul class="paymium-btns">
+ <li><a class="paymium-btn" href="https://www.paymium.com/invoice/b07d603b-d0d2-4c81-8494-ff9309a230a8?type=payment_button&requires_customer_email=false&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&requires_customer_email=false&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&requires_customer_email=false&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&requires_customer_email=false&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&requires_customer_email=false&requires_delivery_address=false">[[!inline pagenames="data/100-eur-and-btc" raw="yes"]]</a></li>
+ <li><a class="paymium-btn" href="https://www.paymium.com/invoice/cdbefe3f-5d2b-4de8-9a37-2af0432d1e9f?type=payment_button&requires_customer_email=false&requires_delivery_address=false">[[!inline pagenames="data/200-eur-and-btc" raw="yes"]]</a></li>
+</ul>
+<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 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>
+<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 2020|Association/Rapport_financier_2020.pdf]]</li>
+ <li>[[Rapport financier 2019|Association/Rapport_financier_2019.pdf]]</li>
+ <li>[[Rapport financier 2018|Association/Rapport_financier_2018.pdf]]</li>
+ <li>[[Rapport financier 2017|Association/Rapport_financier_2017.pdf]]</li>
+ <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>
+
+<hr />
+
+<div class="footnotes">
+ <p>
+ <a name="fn-last-update" href="#ref-last-update">1</a> :
+ Dernière mise à jour au [[!inline pagenames="data/last-update" raw="yes"]]
+ </p>
+ <p>
+ <a name="fn-blurry" href="#ref-blurry">2</a> :
+ Les oignons pleins représentent les dons reçus. Les oignons hachurés représentent les promesses de dons.
+ </p>
+</div>