From: opi <opi@no-log.org>
Date: Fri, 5 Dec 2014 16:51:00 +0000 (+0100)
Subject: Ajout de la barre de progression.
X-Git-Url: https://nos-oignons.net/gitweb/website.git/commitdiff_plain/ee94673251caf41605a9bd42405624319713ac99

Ajout de la barre de progression.
---

diff --git a/Donnez.html b/Donnez.html
index f8ed75b..2c415d0 100644
--- a/Donnez.html
+++ b/Donnez.html
@@ -8,6 +8,20 @@
   de 10 € couvre donc une journée de fonctionnement d'un relai.
 </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>
 
 <p>
@@ -102,7 +116,7 @@
 
 <div class="paypal-donation">
   <h4>Don mensuel</h4>
-  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">  
+  <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" />
diff --git a/assets/progress_bar.png b/assets/progress_bar.png
new file mode 100644
index 0000000..cfc6035
Binary files /dev/null and b/assets/progress_bar.png differ
diff --git a/local.css b/local.css
index cdc9b53..28b9137 100644
--- a/local.css
+++ b/local.css
@@ -350,6 +350,13 @@ thead td {
 #content .footnotes {
 	font-size: 80%;
 }
+
+.half-section {
+  display: inline-block;
+  vertical-align: top;
+  width: 49.5%;
+}
+
 /* #content }}} */
 
 /* Paypal donation forms */
@@ -373,6 +380,23 @@ thead td {
 }
 
 
+/* Progress bar */
+.progress-bar-wrapper {
+  margin-top: 1em;
+  height: 85px;
+  width: 300px;
+  background: lightGrey url(assets/progress_bar.png) top left repeat-x;
+  border: 1px solid #ccc;
+}
+.progress-bar-wrapper .progress-bar {
+  height: 85px;
+  background: grey url(assets/progress_bar.png) bottom left repeat-x;
+}
+.section-progress-text {
+  width: 47.5%;
+  padding-left: 2%;
+}
+
 
 /* {{{ .inlinepage */
 
@@ -517,4 +541,3 @@ thead td {
 	}
 }
 /* @media print }}} */
-