From 9c9f4fc6669cd1501e9d9709e87150712fc5e142 Mon Sep 17 00:00:00 2001
From: Jojo144 <jojo144@girole.fr>
Date: Sat, 21 Mar 2020 00:10:15 +0100
Subject: [PATCH] Ajoute un bonhomme qui lit sur la page d'accueil FR + un
 bouton 'Afficher BD' sur page list_bills FR

---
 ihatemoney/static/css/main.css         | 15 +++++--
 ihatemoney/static/images/read.svg      | 55 ++++++++++++++++++++++++++
 ihatemoney/templates/edit_project.html |  8 ++--
 ihatemoney/templates/home.html         |  2 +-
 ihatemoney/templates/layout.html       |  2 +-
 ihatemoney/templates/list_bills.html   | 10 ++++-
 6 files changed, 81 insertions(+), 11 deletions(-)
 create mode 100644 ihatemoney/static/images/read.svg

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index 1faec871..258c97e8 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -54,6 +54,8 @@ body {
   color: #fff;
   background-color: #414141;
   border-color: #414141;
+  margin-left: 3px;
+  margin-right: 3px;
 }
 
 #header .tryout:hover, #header .showcase:hover {
@@ -63,8 +65,9 @@ body {
 }
 
 #header .showcaseimg {
-  width: 100px;
-  margin-left: 20px;
+  width: 36px;
+  margin-left: 5px;
+  margin-bottom: 8px;
 }
 
 #header .additional-content {
@@ -502,11 +505,17 @@ tr:hover .extra-info {
   width: 1.2em; /* protection for IE11 */
 }
 
+.icon.high svg {
+  height: 2em;
+  margin-top: -0.2em;
+  margin-bottom: -0.2em;
+}
+
 .download-project .icon svg {
   fill: white;
 }
 
-.icon.plus svg {
+.icon.before-text svg {
   margin-right: 3px;
 }
 footer .icon svg {
diff --git a/ihatemoney/static/images/read.svg b/ihatemoney/static/images/read.svg
new file mode 100644
index 00000000..e35bf59e
--- /dev/null
+++ b/ihatemoney/static/images/read.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="122.000000pt" height="203.000000pt" viewBox="0 0 122.000000 203.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,203.000000) scale(0.100000,-0.100000)"
+stroke="none">
+<path d="M646 1999 c-15 -12 -49 -65 -74 -118 l-47 -96 -63 -3 c-69 -3 -75
+-12 -41 -56 12 -15 30 -26 44 -26 34 0 37 -12 14 -56 -35 -68 -13 -188 46
+-247 27 -27 28 -28 9 -42 -10 -8 -31 -15 -45 -15 -16 0 -32 -9 -40 -21 -10
+-15 -37 -26 -99 -39 -114 -24 -147 -37 -199 -76 -128 -98 -172 -288 -93 -401
+17 -25 20 -54 26 -253 4 -124 11 -262 14 -307 4 -45 4 -94 0 -108 -5 -19 -1
+-32 15 -50 22 -24 23 -24 127 -15 116 10 178 1 218 -30 51 -40 85 -13 40 31
+-50 48 -127 73 -234 77 l-101 4 -7 77 c-15 180 -19 321 -8 321 6 0 14 -4 17
+-10 9 -15 42 -12 59 6 9 8 16 30 16 48 0 19 6 39 14 45 14 12 10 51 -5 51 -5
+0 -9 6 -9 14 0 8 -23 34 -50 57 -43 37 -51 47 -48 73 3 31 3 31 58 29 30 -2
+80 -13 110 -26 85 -36 160 -76 160 -87 0 -6 8 -10 19 -10 10 0 25 -7 32 -16
+16 -19 81 -14 107 9 22 19 122 53 231 78 47 11 96 27 108 35 12 8 40 14 62 14
+30 0 44 6 55 22 40 57 3 79 -96 55 -144 -34 -264 -70 -301 -88 -21 -11 -41
+-18 -44 -15 -10 10 9 27 55 47 26 12 74 34 107 50 33 16 85 33 115 39 30 6 61
+17 70 26 13 14 12 17 -10 35 -19 17 -33 19 -66 14 l-42 -6 -4 53 c-3 29 -3 56
+-1 60 10 20 206 -113 239 -161 34 -50 33 -126 -2 -187 -26 -45 -54 -58 -54
+-26 0 23 -19 42 -42 42 -18 0 -23 -14 -19 -63 3 -34 -19 -71 -66 -114 l-36
+-31 14 -46 c13 -44 15 -46 51 -46 l38 0 0 -57 c-1 -32 -9 -98 -19 -148 -15
+-80 -20 -91 -42 -97 -65 -19 -218 -71 -249 -85 -28 -13 -87 -48 -119 -70 -2
+-2 1 -14 7 -28 15 -32 52 -33 95 -2 18 13 57 32 87 44 30 11 89 33 130 49 41
+16 77 29 80 30 62 13 71 25 45 54 -14 15 -14 20 -1 45 14 28 29 105 41 216 6
+53 8 57 36 63 34 7 52 41 43 85 -8 38 11 95 49 148 61 86 44 214 -40 294 -43
+41 -183 139 -198 139 -8 0 -69 44 -73 53 -2 4 -11 7 -21 7 -15 0 -91 68 -91
+81 0 4 20 19 45 35 63 39 89 94 83 177 -2 34 -11 76 -20 94 -18 35 -14 47 11
+34 25 -13 112 2 125 21 16 26 -28 68 -70 68 -34 0 -44 16 -44 71 0 15 -7 32
+-15 39 -8 7 -15 18 -15 24 0 22 -50 80 -83 98 -44 23 -89 22 -121 -3z m138
+-95 c11 -28 6 -62 -9 -68 -12 -4 -15 4 -15 39 0 45 12 60 24 29z m-114 -120
+c0 -2 -11 -4 -25 -4 -28 0 -30 5 -13 42 l13 26 12 -30 c7 -17 13 -32 13 -34z
+m98 -100 c38 -11 55 -144 27 -201 -24 -49 -60 -66 -137 -67 -61 -1 -70 2 -95
+27 -24 23 -28 35 -27 80 1 54 29 121 62 149 9 8 35 16 57 17 21 1 41 4 44 6 4
+4 38 -1 69 -11z m-38 -419 c33 -30 71 -120 77 -182 l5 -59 -43 -19 c-88 -39
+-205 -126 -222 -165 -5 -11 -8 -12 -13 -2 -17 37 -88 112 -128 136 -25 15 -46
+28 -46 29 0 1 11 33 25 70 31 88 82 166 112 173 13 4 40 15 61 26 47 25 141
+21 172 -7z m-380 -85 c0 -6 -9 -28 -19 -48 -11 -21 -22 -54 -26 -74 l-7 -36
+-65 -4 c-69 -4 -86 -17 -76 -55 5 -21 2 -23 -31 -23 -54 0 -51 17 23 141 12
+20 39 48 60 62 57 38 141 59 141 37z m-50 -255 c0 -18 -1 -18 -36 0 l-29 15
+33 0 c22 0 32 -5 32 -15z m120 -32 c28 -20 69 -64 70 -76 0 -4 -23 8 -51 28
+-28 19 -55 35 -60 35 -5 0 -9 7 -9 15 0 20 20 19 50 -2z"/>
+<path d="M636 1662 c-14 -23 -18 -117 -6 -153 16 -46 29 -46 46 2 10 30 13 32
+20 14 4 -11 14 -26 22 -34 23 -24 37 4 37 76 l0 67 -50 18 c-57 20 -62 21 -69
+10z"/>
+<path d="M457 463 c5 -265 11 -305 47 -311 17 -4 18 8 14 261 -3 244 -5 267
+-22 286 -42 47 -44 36 -39 -236z"/>
+</g>
+</svg>
diff --git a/ihatemoney/templates/edit_project.html b/ihatemoney/templates/edit_project.html
index dcbbbc86..3f70e40f 100644
--- a/ihatemoney/templates/edit_project.html
+++ b/ihatemoney/templates/edit_project.html
@@ -23,11 +23,11 @@
                 <span class="mb-1">{{ _('Bill items') }}</span>
                 <span>
                     <a href="{{ url_for('.export_project', file='bills', format='json') }}" download class="badge badge-secondary">
-                        <i class="icon plus">{{ static_include("images/file-alt.svg") | safe }}</i>
+                        <i class="icon before-text">{{ static_include("images/file-alt.svg") | safe }}</i>
                         JSON
                     </a>
                     <a href="{{ url_for('.export_project', file='bills', format='csv') }}" download class="badge badge-secondary">
-                        <i class="icon plus">{{ static_include("images/file-csv-solid.svg") | safe }}</i>
+                        <i class="icon before-text">{{ static_include("images/file-csv-solid.svg") | safe }}</i>
                         CSV
                     </a>
                 </span>
@@ -39,11 +39,11 @@
                 <span class="mb-1">{{ _('Settle plans') }}</span>
                 <span>
                     <a href="{{ url_for('.export_project', file='transactions', format='json') }}" download class="badge badge-secondary">
-                        <i class="icon plus">{{ static_include("images/file-alt.svg") | safe }}</i>
+                        <i class="icon before-text">{{ static_include("images/file-alt.svg") | safe }}</i>
                         JSON
                     </a>
                     <a href="{{ url_for('.export_project', file='transactions', format='csv') }}" download class="badge badge-secondary">
-                        <i class="icon plus">{{ static_include("images/file-csv-solid.svg") | safe }}</i>
+                        <i class="icon before-text">{{ static_include("images/file-csv-solid.svg") | safe }}</i>
                         CSV
                     </a>
                 </span>
diff --git a/ihatemoney/templates/home.html b/ihatemoney/templates/home.html
index 183b9f1f..104b3753 100644
--- a/ihatemoney/templates/home.html
+++ b/ihatemoney/templates/home.html
@@ -11,7 +11,7 @@
     {% endif %}
     {% if g.lang == 'fr' %}
         ou <a class="showcase btn" onclick="javascript:showGallery(); return false;">Voir la BD explicative</a>
-        <img class="showcaseimg" src="{{ url_for("static", filename='showcase/showcase.png') }}" /> 
+        <img class="showcaseimg" src="{{ url_for("static", filename='images/read.svg') }}" />
     {% endif %}
   </div>
   <div class="col-xs-12 col-sm-4">
diff --git a/ihatemoney/templates/layout.html b/ihatemoney/templates/layout.html
index 86cd0db9..382f3d91 100644
--- a/ihatemoney/templates/layout.html
+++ b/ihatemoney/templates/layout.html
@@ -94,7 +94,7 @@
           <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarProjectsLinks">
             <li>
               <a class="dropdown-item" href="{{ url_for("main.create_project") }}">
-                <i class="icon plus">{{ static_include("images/plus.svg") | safe }}</i>
+                <i class="icon before-text">{{ static_include("images/plus.svg") | safe }}</i>
                 {{ _("Start a new project") }}
               </a>
             </li>
diff --git a/ihatemoney/templates/list_bills.html b/ihatemoney/templates/list_bills.html
index 0f2a68a5..7604bd62 100644
--- a/ihatemoney/templates/list_bills.html
+++ b/ihatemoney/templates/list_bills.html
@@ -69,8 +69,14 @@
         </div>
     </div>
     <div class="identifier">
+	{% if g.lang == 'fr' %}
+        <a class="btn btn-secondary btn-block" href=""  onclick="javascript:showGallery(); return false;">
+            <i class="icon icon-white high before-text">{{ static_include("images/read.svg") | safe }}</i>
+	    Voir la BD explicative
+        </a>
+	{% endif %}
         <a class="btn btn-secondary btn-block" href="{{ url_for('.invite') }}">
-            <i class="icon icon-white paper-plane">{{ static_include("images/paper-plane.svg") | safe }}</i>
+            <i class="icon icon-white high before-text">{{ static_include("images/paper-plane.svg") | safe }}</i>
             {{ _("Invite people") }}
         </a>
     </div>
@@ -79,7 +85,7 @@
 {% block content %}
     <span id="new-bill" class="float-right"  {% if not g.project.members %} data-toggle="tooltip" title="{{_('You should start by adding participants')}}" {% endif %}>
         <a href="{{ url_for('.add_bill') }}" class="btn btn-primary float-right {% if not g.project.members %} disabled {% endif %}" data-toggle="modal" data-keyboard="false" data-target="#bill-form">
-            <i class="icon icon-white plus">{{ static_include("images/plus.svg") | safe }}</i>
+            <i class="icon icon-white before-text">{{ static_include("images/plus.svg") | safe }}</i>
             {{ _("Add a new bill") }}
         </a>
     </span>