From decc6657b0ca1cb30454a904acc79c5e0bdd7bd4 Mon Sep 17 00:00:00 2001
From: opi <opi@zeropi.net>
Date: Fri, 21 Jul 2017 14:10:48 +0200
Subject: [PATCH] =?utf8?q?Am=C3=A9lioration=20de=20la=20page=20Donnez.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 Donnez.html | 58 ++++++++++++++++++++++++++---------------------------
 local.css   | 38 ++++++++++++++++++++++++++---------
 2 files changed, 57 insertions(+), 39 deletions(-)

diff --git a/Donnez.html b/Donnez.html
index 3bf451d..5e4186b 100644
--- a/Donnez.html
+++ b/Donnez.html
@@ -20,17 +20,19 @@ Un oignon correspond à 1 mois de fonctionnement<sup><a href="#fn-blurry" id="re
 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 bancaire</h3>
+<hr />
 
-<p>
+<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.
-</p>
-
-<h4>Par PayPal</h4>
+</em></p>
 
+<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€.
@@ -68,9 +70,10 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
 
   <a class="cancel" href="https://www.paypal.com/cgi-bin/webscr?cmd=_subscr-find&alias=JY9VMDPLR3RA2">Se désabonner</a>
 </div>
+</div>
 
-<h4>Par HelloAsso</h4>
-
+<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
@@ -87,14 +90,15 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
             padding: .5em .25em; color: #FFF;"
      href="https://nos-oignons.donnerenligne.fr/?lang=fr">Faire un don</a>
 </p>
+</div>
 
-<h3>Par virement</h3>
+<h2>Donner par virement</h2>
 
 <p>
   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 avez un don récurrent par virement, n'oubliez pas de mettre à
+  <b>Si vous aviez un don récurrent par virement, n'oubliez pas de mettre à
   jour nos coordonnées bancaires</b>.
 </p>
 <p>
@@ -103,20 +107,11 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   visibilité pour le financement des nœuds dans le temps.
 </p>
 
-<h3>De la main à la main</h3>
-
-<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>
-
-<h3>En bitcoins</h3>
 
+<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&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>
@@ -124,7 +119,6 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   <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>
-
 <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
@@ -134,40 +128,44 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   <em>Bitcoin</em> et la personne qui s'en sert.
 </p>
 
-<h3>Par Flattr</h3>
-
+<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>
 
-<h3>Par Liberapay</h3>
-
+<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>
 
-<h3>Devenir membre</h3>
-
+<h2>De la main à la main</h2>
 <p>
-  Pour les personnes qui souhaitent contribuer régulièrement, il est également
-  possible de [[devenir membre de l'association|Association]].
+  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 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 />
 
diff --git a/local.css b/local.css
index ba0db98..da1f3e2 100644
--- a/local.css
+++ b/local.css
@@ -425,27 +425,47 @@ main .footnotes {
 }
 
 
-/* Paypal donation forms */
-.paypal-donation {
-	display: inline-block;
-	vertical-align: top;
-	width:45%;
-	padding-right: 4%;
-      min-width: 20em;
+
+.donation-cb {
+  display: inline-block;
+  vertical-align: top;
+  width:45%;
+  padding-right: 4%;
+  min-width: 20em;  
 }
-.paypal-donation h4 {
+
+/* Paypal donation forms */
+// .paypal-donation {
+// 	display: inline-block;
+// 	vertical-align: top;
+// 	width:45%;
+// 	padding-right: 4%;
+//       min-width: 20em;
+// }
+.paypal-donation h5 {
 	margin: 0 0 0.5em 0;
 }
 .paypal-donation select {
 	display: inline-block;
 	vertical-align: top;
 	margin-right: 1em;
-	min-height:26px;
+  min-height:26px;
+	height:26px;
+  background-color: #fff;
+  border: 1px solid #57075F;
 }
 .paypal-donation .cancel {
 	font-size: small;
 }
 
+.donation-other {
+  display: inline-block;
+  vertical-align: top;
+  width:45%;
+  padding-right: 4%;
+  min-width: 20em;  
+}
+
 
 /* Progress bar */
 .progress-bar-wrapper {
-- 
2.39.2