Fix some responsive issue on homepage.

[website.git] / Donnez.html

diff --git a/Donnez.html b/Donnez.html
index 1e1c78bc3804f925eccd04d5ad01b115aa7772a2..f11ae004f2db02b35aae2c8dc0815d65d7292ce7 100644 (file)
--- a/Donnez.html
+++ b/Donnez.html
@@ -4,17 +4,18 @@
 
 <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>
 
-<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" 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>
-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>
@@ -31,8 +32,8 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
 <h3>Par virement</h3>
 
 <p>
-  Veuillez [[nous contacter|Contact]] pour obtenir les coordonnées pour donner
-  par virement bancaire.
+  Veuillez <a href="mailto:donner@nos-oignons.net">nous contacter</a>
+  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
@@ -48,8 +49,6 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
 </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>
@@ -61,7 +60,7 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   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>
@@ -133,19 +132,27 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   possible de [[devenir membre de l'association|Association]].
 </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 2014|Association/Rapport_financier_2014.pdf]]</li>
+  <li>[[Rapport financier 2013|Association/Rapport_financier_2013.pdf]]</li>
+</ul>
+
 <hr />
 
 <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 nets représentent les dons reçus, les flous les promesses.
   </p>
 </div>
-
-[[!if test="prototype"
-      then="""
-<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>
-"""]]