Integrate illustrations as a showcase (#544)

Integrate some custom graphics, and a whole comics explanation, only in French for now.
Fix #363 

5 files changed, 339 insertions, 1 deletions

diff --git a/ihatemoney/static/images/bill.svg b/ihatemoney/static/images/bill.svg
new file mode 100644
index 0000000..7272fa2
--- /dev/null
+++ b/ihatemoney/static/images/bill.svg
@@ -0,0 +1,88 @@
+<?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="220.000000pt" height="328.000000pt" viewBox="0 0 220.000000 328.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,328.000000) scale(0.100000,-0.100000)"
+stroke="none">
+<path d="M1615 3199 c-44 -4 -253 -10 -465 -13 -436 -8 -481 -11 -510 -34 -18
+-15 -19 -21 -9 -50 8 -23 9 -83 5 -195 -9 -214 -9 -221 -56 -622 -16 -143 -50
+-387 -54 -393 -2 -4 -7 -35 -10 -68 -3 -33 -12 -92 -20 -130 -8 -38 -22 -114
+-31 -170 -8 -55 -19 -114 -24 -130 -5 -16 -12 -54 -16 -84 -5 -48 -34 -179
+-80 -360 -13 -53 -46 -147 -118 -335 -37 -97 -126 -271 -163 -320 -15 -20 -21
+-39 -18 -53 14 -51 147 -94 334 -107 52 -4 113 -9 135 -10 314 -26 428 -37
+470 -45 90 -17 201 -15 220 3 11 11 33 17 66 17 45 0 50 -2 44 -19 -13 -43 48
+-28 67 16 7 15 19 32 26 37 8 4 37 56 64 115 27 58 54 114 59 123 5 10 9 23 9
+29 0 6 15 44 34 84 19 39 38 85 42 101 4 16 13 38 20 49 6 11 15 31 19 45 4
+14 17 54 30 90 26 76 75 229 99 315 20 69 91 296 107 340 31 89 116 469 140
+625 5 36 18 110 28 165 45 235 68 435 68 575 0 14 1 102 2 195 1 94 2 177 1
+186 0 13 -15 18 -67 24 -95 10 -352 13 -448 4z m437 -77 c24 -24 16 -465 -11
+-605 -5 -29 -15 -83 -21 -122 -6 -38 -24 -142 -41 -230 -92 -482 -124 -616
+-214 -895 -26 -80 -51 -161 -55 -180 -4 -19 -18 -66 -30 -105 -12 -38 -28 -90
+-35 -115 -22 -74 -81 -230 -115 -305 -18 -38 -38 -88 -44 -110 -7 -22 -41
+-100 -76 -173 l-64 -133 -68 7 c-42 4 -91 2 -126 -6 -48 -10 -82 -9 -193 4
+-74 9 -181 18 -239 21 -155 8 -303 26 -320 40 -8 7 -55 16 -105 19 -97 8 -155
+22 -155 38 0 16 70 116 85 122 9 3 15 19 15 40 0 20 9 55 19 78 70 159 91 213
+111 288 13 47 29 99 37 117 7 17 18 53 23 80 5 26 15 66 21 88 23 85 90 437
+109 569 11 77 23 149 25 160 9 37 44 324 75 611 16 154 34 319 40 366 5 47 10
+137 10 201 l0 116 29 5 c17 4 166 7 333 9 167 1 368 5 448 9 247 10 517 6 532
+-9z"/>
+<path d="M1149 3023 c-5 -41 6 -111 18 -125 18 -20 42 -24 44 -8 1 6 3 15 4
+20 1 6 3 13 4 18 1 4 5 1 10 -7 5 -8 16 -11 30 -6 16 5 21 14 21 39 0 47 -22
+64 -49 37 -19 -19 -21 -19 -21 -3 0 10 -5 23 -12 30 -13 13 -47 16 -49 5z"/>
+<path d="M1406 3021 c-7 -10 7 -61 25 -89 10 -16 24 -22 51 -22 20 0 40 -5 43
+-10 12 -19 25 1 25 39 0 20 -6 45 -13 55 -18 24 -51 17 -55 -12 -5 -31 -20
+-28 -28 6 -9 35 -35 54 -48 33z"/>
+<path d="M1318 2995 c-10 -22 -8 -30 9 -53 29 -39 48 -35 47 10 -1 37 -17 68
+-35 68 -5 0 -15 -11 -21 -25z"/>
+<path d="M1315 2790 c-14 -43 53 -107 69 -65 8 21 23 19 29 -5 12 -47 61 -11
+51 38 -8 38 -36 50 -69 28 -22 -15 -24 -14 -30 4 -8 26 -42 26 -50 0z"/>
+<path d="M1230 2775 c-11 -21 -10 -28 5 -51 14 -22 19 -24 30 -13 15 17 8 89
+-9 89 -7 0 -19 -11 -26 -25z"/>
+<path d="M1146 2765 c-33 -31 -37 -98 -7 -115 29 -15 31 -14 31 34 0 25 5 48
+10 51 12 8 13 42 1 49 -5 3 -20 -5 -35 -19z"/>
+<path d="M1665 2550 c-34 -21 -60 -54 -105 -130 -54 -92 -33 -202 50 -258 41
+-27 76 -24 127 10 43 30 57 62 37 83 -14 13 -18 13 -40 -1 -13 -9 -24 -20 -24
+-24 0 -14 -58 -22 -79 -10 -34 18 -24 37 25 49 39 10 44 14 39 32 -4 13 0 28
+10 40 24 26 4 49 -41 49 -19 0 -34 3 -34 6 0 20 67 97 96 109 38 16 44 39 15
+55 -28 14 -42 12 -76 -10z"/>
+<path d="M1120 2394 l-50 -46 -35 31 c-20 17 -44 31 -55 31 -21 0 -50 -25 -50
+-44 0 -13 -31 -46 -44 -46 -3 0 -11 11 -16 25 -11 29 -36 43 -51 28 -15 -15 7
+-95 32 -115 33 -28 59 -22 100 22 21 22 41 40 46 40 4 0 19 -9 33 -20 41 -32
+81 -26 134 21 42 37 49 40 64 27 57 -48 152 -40 152 13 0 21 -7 23 -62 20 -27
+-2 -47 5 -79 28 -23 17 -48 31 -56 31 -8 0 -36 -21 -63 -46z"/>
+<path d="M1166 1961 c-10 -11 -30 -24 -45 -31 -24 -10 -35 -8 -67 9 -46 25
+-60 26 -106 6 -22 -8 -50 -12 -72 -8 -29 4 -36 2 -36 -11 0 -22 34 -54 64 -62
+14 -3 48 2 75 11 49 16 52 16 77 -4 36 -28 77 -26 134 6 45 25 52 26 84 15 42
+-15 86 -7 86 17 0 19 -18 29 -96 54 -66 22 -77 21 -98 -2z"/>
+<path d="M1577 1930 c-18 -22 -39 -59 -46 -82 -7 -24 -19 -50 -25 -58 -7 -8
+-18 -39 -24 -68 -11 -47 -10 -57 7 -90 46 -89 121 -122 185 -82 45 27 65 56
+59 81 -7 26 -25 24 -55 -5 -30 -30 -70 -41 -97 -26 -40 21 -24 48 30 53 41 4
+59 20 52 46 -5 21 -9 22 -66 16 -43 -5 -58 -4 -53 4 4 6 19 11 34 11 53 0 101
+13 107 27 9 26 -15 43 -61 43 -46 0 -58 17 -31 44 6 8 19 23 27 35 16 24 41
+27 70 9 21 -14 25 -12 34 18 10 34 -24 64 -72 64 -35 0 -45 -6 -75 -40z"/>
+<path d="M835 1524 c-27 -9 -68 -18 -90 -22 -43 -8 -57 -31 -34 -59 10 -11 24
+-14 58 -9 24 3 50 11 56 16 7 6 35 13 62 16 38 5 56 2 86 -15 47 -26 60 -26
+108 1 28 15 39 28 39 45 0 19 -5 23 -30 23 -17 0 -38 -5 -48 -11 -13 -8 -30
+-6 -70 10 -61 24 -70 25 -137 5z"/>
+<path d="M985 1012 c-11 -2 -27 -9 -35 -16 -54 -41 -76 -44 -131 -16 -39 20
+-40 20 -82 2 -50 -22 -77 -63 -57 -87 16 -19 46 -20 53 -1 3 8 19 22 36 30 27
+14 31 14 46 0 24 -24 101 -31 123 -11 34 31 64 35 98 15 34 -20 148 -42 171
+-34 11 5 9 12 -8 36 -19 24 -30 30 -62 30 -39 0 -107 25 -107 40 0 11 -22 17
+-45 12z"/>
+<path d="M613 717 c-63 -15 -68 -19 -53 -47 11 -21 16 -22 69 -15 31 5 81 8
+111 7 30 0 80 -1 110 -2 76 -2 157 4 164 11 4 3 2 19 -4 34 -10 26 -12 27 -58
+20 -56 -9 -121 -10 -217 -2 -41 4 -92 1 -122 -6z"/>
+<path d="M1154 649 c-20 -10 -65 -79 -94 -146 -8 -18 -19 -32 -25 -32 -31 4
+-45 -3 -45 -20 0 -11 5 -23 10 -26 15 -10 12 -35 -5 -35 -21 0 -19 -24 5 -45
+11 -10 31 -37 45 -61 61 -105 172 -117 219 -25 14 27 14 31 0 46 -14 14 -19
+13 -50 -15 -19 -16 -46 -30 -59 -30 -28 0 -65 32 -65 55 0 16 5 19 53 29 15 4
+27 11 27 17 0 19 -28 39 -57 40 -23 0 -17 4 29 22 31 13 60 26 64 30 14 13
+-19 37 -52 37 -40 0 -41 6 -11 51 26 39 49 47 84 28 20 -11 26 -11 33 1 36 57
+-38 111 -106 79z"/>
+</g>
+</svg>
diff --git a/ihatemoney/static/images/hand-holding-heart.svg b/ihatemoney/static/images/hand-holding-heart.svg
deleted file mode 100644
index 65ee45e..0000000
--- a/ihatemoney/static/images/hand-holding-heart.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M275.3 250.5c7 7.4 18.4 7.4 25.5 0l108.9-114.2c31.6-33.2 29.8-88.2-5.6-118.8-30.8-26.7-76.7-21.9-104.9 7.7L288 36.9l-11.1-11.6C248.7-4.4 202.8-9.2 172 17.5c-35.3 30.6-37.2 85.6-5.6 118.8l108.9 114.2zm290 77.6c-11.8-10.7-30.2-10-42.6 0L430.3 402c-11.3 9.1-25.4 14-40 14H272c-8.8 0-16-7.2-16-16s7.2-16 16-16h78.3c15.9 0 30.7-10.9 33.3-26.6 3.3-20-12.1-37.4-31.6-37.4H192c-27 0-53.1 9.3-74.1 26.3L71.4 384H16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16h356.8c14.5 0 28.6-4.9 40-14L564 377c15.2-12.1 16.4-35.3 1.3-48.9z"/></svg>
\ No newline at end of file
diff --git a/ihatemoney/static/images/indicate.svg b/ihatemoney/static/images/indicate.svg
new file mode 100644
index 0000000..1d6caae
--- /dev/null
+++ b/ihatemoney/static/images/indicate.svg
@@ -0,0 +1,88 @@
+<?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="294.000000pt" height="424.000000pt" viewBox="0 0 294.000000 424.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,424.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2108 4146 c-8 -7 -22 -40 -32 -73 -17 -57 -83 -151 -173 -246 -34
+-36 -40 -38 -75 -33 -22 4 -68 24 -102 46 -63 40 -89 47 -114 31 -27 -17 29
+-71 73 -71 8 0 15 -4 15 -9 0 -4 20 -16 45 -25 58 -22 62 -32 26 -50 -16 -9
+-50 -47 -75 -85 l-46 -69 0 -90 c0 -50 5 -114 11 -143 15 -71 63 -163 104
+-201 19 -17 35 -39 35 -49 0 -29 32 -39 125 -39 71 0 94 4 133 24 56 29 112
+87 131 136 7 19 16 42 20 50 4 8 9 58 11 110 4 143 4 143 16 147 7 2 18 -2 26
+-9 30 -28 55 -37 67 -25 6 6 11 18 11 27 0 18 -30 50 -46 50 -6 0 -22 13 -37
+28 l-27 29 16 54 c9 30 27 79 40 110 13 31 24 62 24 69 0 7 13 32 29 55 32 48
+32 80 -2 91 -11 3 -58 44 -103 90 -85 85 -102 95 -126 70z m110 -145 c28 -27
+52 -54 52 -60 0 -7 -7 -26 -16 -43 l-16 -31 -44 47 c-33 37 -48 46 -64 41 -26
+-8 -26 9 0 42 11 14 20 32 20 39 0 23 12 16 68 -35z m-129 -102 c-11 -7 -12
+-12 -1 -29 18 -30 15 -40 -14 -40 -17 0 -28 -6 -31 -20 -4 -14 -14 -20 -34
+-20 -33 0 -36 6 -11 29 9 9 35 38 57 65 23 29 41 44 43 36 3 -7 -2 -16 -9 -21z
+m80 -260 c-7 -4 -20 -2 -31 4 -21 14 -24 27 -5 27 7 0 19 10 27 23 15 22 15
+22 18 -12 2 -19 -2 -37 -9 -42z m-192 12 c40 -17 82 -35 93 -41 23 -12 53 -72
+65 -129 6 -29 5 -33 -9 -28 -13 5 -16 -1 -16 -31 0 -29 -8 -46 -38 -78 -52
+-59 -192 -124 -265 -124 -36 0 -39 3 -58 46 -40 89 -36 184 12 291 10 24 19
+46 19 50 0 9 100 72 115 73 6 0 42 -13 82 -29z m143 -413 c-12 -24 -31 -53
+-42 -65 -22 -24 -105 -60 -114 -50 -10 10 59 84 117 127 29 22 54 38 57 35 2
+-2 -6 -23 -18 -47z"/>
+<path d="M1927 3573 c-4 -3 -7 -15 -7 -25 0 -17 -1 -17 -20 2 -11 11 -32 20
+-46 20 l-26 0 4 -112 c4 -122 17 -161 53 -156 17 3 19 9 16 47 -2 29 1 41 8
+37 6 -4 11 -12 11 -18 0 -12 47 -58 59 -58 14 0 21 43 9 57 -6 8 -10 49 -9 99
+2 85 -7 114 -34 114 -6 0 -15 -3 -18 -7z m-20 -140 c-2 -16 -4 -3 -4 27 0 30
+2 43 4 28 2 -16 2 -40 0 -55z"/>
+<path d="M218 2923 c-57 -62 -117 -250 -119 -379 -2 -58 2 -88 12 -100 12 -15
+14 -15 20 7 4 13 7 42 8 63 1 44 58 218 97 298 15 29 38 63 53 75 21 18 24 25
+15 40 -18 29 -56 28 -86 -4z"/>
+<path d="M348 2858 c-47 -68 -63 -110 -96 -238 -27 -109 -35 -236 -15 -248 6
+-4 13 -18 14 -31 2 -14 9 -26 15 -28 7 -2 11 25 11 84 -1 87 4 107 55 258 25
+72 70 154 98 180 25 22 26 44 3 61 -31 23 -49 15 -85 -38z"/>
+<path d="M1970 2889 c-69 -19 -106 -41 -139 -85 -18 -24 -38 -44 -44 -44 -5 0
+-35 -12 -66 -26 -30 -15 -87 -31 -126 -36 -83 -12 -190 -30 -375 -63 -74 -14
+-174 -25 -222 -25 -63 0 -91 -4 -102 -15 -19 -19 -62 -19 -69 -1 -10 25 -86
+39 -201 38 -118 -2 -136 -9 -136 -51 0 -34 35 -68 87 -86 36 -12 38 -16 44
+-62 12 -89 72 -190 133 -222 42 -23 98 8 137 75 17 30 32 66 35 81 2 16 9 52
+15 80 6 29 8 61 5 71 -5 16 1 18 51 20 104 4 291 32 417 61 44 11 112 22 150
+26 38 4 94 13 124 21 30 8 57 13 59 11 2 -3 -6 -31 -19 -63 -12 -33 -31 -95
+-43 -139 -20 -74 -23 -80 -46 -78 -163 15 -335 37 -379 49 -30 9 -88 24 -129
+35 -91 25 -125 22 -129 -9 -5 -31 15 -52 47 -52 15 0 74 -13 132 -29 111 -31
+183 -44 349 -61 58 -7 107 -13 109 -15 2 -2 -4 -48 -12 -102 -9 -54 -18 -120
+-22 -148 -3 -27 -15 -97 -25 -155 -24 -130 -39 -348 -28 -415 5 -27 6 -74 3
+-102 -8 -69 0 -93 31 -93 17 0 31 -10 45 -34 25 -42 104 -84 172 -92 67 -7
+418 41 579 80 35 8 60 10 66 4 14 -14 51 12 57 42 12 62 26 332 20 402 -6 70
+-5 78 16 99 12 12 37 23 57 25 18 2 39 7 46 12 6 6 27 13 46 17 40 8 90 50 90
+76 0 9 -8 26 -17 38 -16 19 -22 20 -53 11 -59 -17 -200 -11 -200 9 0 8 27 35
+144 143 172 158 216 210 216 252 0 27 -75 113 -118 136 -13 6 -61 38 -105 69
+-133 94 -248 149 -287 136 -15 -5 -25 3 -44 33 -76 120 -222 184 -346 151z
+m189 -99 c61 -30 124 -113 154 -200 82 -241 146 -750 133 -1060 -9 -215 -3
+-201 -89 -224 -71 -18 -223 -45 -386 -67 -103 -14 -211 -8 -245 15 -51 33 -96
+167 -103 306 -5 106 0 142 73 575 25 150 23 145 50 145 20 0 24 5 24 29 0 17
+-6 31 -16 35 -18 7 -18 7 16 131 28 103 99 252 137 288 37 35 71 45 151 46 44
+1 74 -5 101 -19z m341 -205 c49 -25 192 -120 253 -167 22 -18 37 -38 37 -51 0
+-19 -159 -182 -218 -224 -26 -18 -44 -10 -21 10 22 18 53 93 46 112 -4 8 -19
+20 -34 26 -15 6 -48 21 -73 33 -43 21 -46 25 -61 86 -54 215 -46 235 71 175z
+m-1650 -103 c0 -10 5 -23 11 -29 13 -13 5 -43 -11 -43 -5 0 -10 12 -10 26 0
+14 -5 34 -10 45 -8 15 -7 19 5 19 8 0 15 -8 15 -18z m-70 -77 c0 -8 -10 -25
+-22 -37 l-23 -23 -3 23 c-2 13 -1 30 2 38 7 19 46 18 46 -1z m1730 -167 c0
+-16 -20 -48 -30 -48 -6 0 -10 15 -10 34 0 29 3 33 20 29 11 -3 20 -10 20 -15z
+m14 -141 c-7 -19 -34 -31 -34 -15 0 10 32 39 38 34 1 -2 0 -10 -4 -19z"/>
+<path d="M1924 1135 c-18 -13 -19 -29 -17 -289 2 -152 5 -294 8 -317 9 -71 42
+-91 68 -41 12 25 12 40 0 107 -14 87 -20 414 -8 486 6 41 5 48 -12 58 -15 8
+-25 7 -39 -4z"/>
+<path d="M2117 1133 c-23 -22 26 -662 54 -715 5 -10 20 -18 34 -18 28 0 35 25
+22 85 -19 96 -36 244 -47 430 -7 110 -17 206 -23 213 -10 13 -30 16 -40 5z"/>
+<path d="M1730 501 c-109 -35 -229 -145 -216 -197 9 -33 75 -63 140 -64 51 0
+126 18 126 30 0 4 15 10 32 14 18 4 50 18 70 31 21 14 41 25 46 25 5 0 17 9
+28 21 18 21 18 21 -9 41 -15 11 -27 25 -27 32 0 7 -12 24 -28 39 -21 20 -41
+28 -82 31 -30 3 -66 2 -80 -3z m92 -49 c9 -4 26 -19 38 -34 l21 -28 -88 -41
+c-66 -31 -102 -41 -143 -43 -46 -1 -55 2 -58 17 -5 25 47 70 123 107 61 31 77
+34 107 22z"/>
+<path d="M2276 413 c-4 -5 -22 -39 -40 -78 -78 -166 -244 -289 -254 -188 -3
+28 5 40 60 93 47 46 76 64 116 76 52 16 64 32 38 53 -24 20 -77 -1 -150 -59
+-77 -61 -136 -132 -136 -166 0 -32 54 -91 90 -99 47 -10 111 26 192 107 78 78
+114 136 124 199 8 48 -16 85 -40 62z"/>
+</g>
+</svg>
diff --git a/ihatemoney/static/images/read.svg b/ihatemoney/static/images/read.svg
new file mode 100644
index 0000000..e35bf59
--- /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/static/images/share.svg b/ihatemoney/static/images/share.svg
new file mode 100644
index 0000000..cfdc9fe
--- /dev/null
+++ b/ihatemoney/static/images/share.svg
@@ -0,0 +1,108 @@
+<?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="213.000000pt" height="257.000000pt" viewBox="0 0 213.000000 257.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,257.000000) scale(0.100000,-0.100000)"
+stroke="none">
+<path d="M830 2486 c-40 -41 -58 -94 -67 -197 -6 -76 -6 -77 26 -108 17 -17
+31 -33 31 -36 0 -3 -11 -10 -25 -15 -14 -5 -25 -14 -25 -19 0 -19 40 -32 75
+-25 20 3 41 2 48 -4 6 -5 38 -13 70 -17 52 -7 60 -5 92 19 36 28 46 62 20 72
+-9 4 -23 -4 -36 -20 -15 -19 -30 -26 -55 -26 -40 0 -43 12 -9 34 28 19 33 51
+9 60 -21 8 -21 8 -36 -7 -7 -7 -26 -18 -43 -25 -26 -12 -31 -11 -42 4 -18 25
+-16 32 10 39 45 14 77 30 82 44 14 36 -51 55 -89 26 -29 -22 -36 -19 -36 15 0
+45 29 122 57 152 55 58 -1 92 -57 34z"/>
+<path d="M1133 2130 c-18 -10 -40 -34 -50 -52 -33 -63 -64 -143 -67 -177 -2
+-19 -11 -38 -20 -43 -22 -12 -20 -21 8 -55 14 -16 28 -41 31 -55 4 -14 27 -45
+51 -69 39 -39 50 -44 89 -44 56 0 88 26 63 51 -12 12 -20 14 -36 5 -11 -6 -29
+-11 -39 -11 -20 0 -83 58 -83 77 0 6 18 14 39 18 27 4 41 12 44 26 7 26 -26
+43 -69 34 -31 -5 -34 -4 -34 18 l0 24 66 -15 c36 -8 67 -12 69 -10 2 2 2 13
+-1 25 -4 16 -19 25 -56 33 -58 14 -68 31 -43 74 59 101 106 130 138 84 14 -20
+18 -21 26 -8 16 23 13 35 -15 64 -32 31 -67 33 -111 6z"/>
+<path d="M1407 1846 c-44 -16 -67 -34 -67 -52 0 -7 16 -43 36 -79 31 -57 39
+-65 65 -65 22 0 32 7 44 31 31 60 83 52 155 -22 55 -57 130 -189 130 -230 0
+-5 -13 -6 -30 -2 -27 5 -30 3 -30 -19 0 -30 79 -108 109 -108 21 0 51 25 51
+41 0 6 7 17 15 25 32 32 10 81 -39 87 -26 3 -32 11 -53 67 -32 85 -106 183
+-170 226 -48 32 -52 37 -46 64 5 25 2 31 -21 40 -37 14 -103 12 -149 -4z"/>
+<path d="M758 1826 c-22 -14 -40 -40 -54 -75 -12 -29 -27 -57 -34 -61 -8 -5
+-9 -16 -4 -31 4 -13 7 -32 5 -41 -4 -28 40 -118 68 -137 63 -43 135 -44 168
+-2 27 35 -2 67 -35 39 -26 -23 -59 -28 -79 -12 -16 12 -16 15 -3 24 8 6 27 13
+42 16 37 9 52 28 34 43 -8 7 -23 12 -33 11 -10 0 -36 -2 -58 -3 -30 -1 -40 2
+-40 13 0 11 17 17 65 22 59 7 90 23 90 49 0 12 -41 17 -97 12 l-55 -6 27 41
+c15 23 34 42 41 42 16 0 37 37 31 54 -9 24 -46 25 -79 2z"/>
+<path d="M462 1777 c-12 -13 -22 -29 -22 -35 0 -6 -13 -18 -29 -26 -57 -30
+-231 -223 -231 -256 0 -8 -13 -10 -39 -5 -34 6 -41 3 -51 -15 -14 -26 -4 -94
+16 -114 17 -18 18 -38 3 -53 -16 -16 16 -67 38 -59 8 3 18 6 23 6 4 0 13 13
+20 29 14 35 48 68 75 73 30 5 25 40 -8 56 -24 12 -27 18 -22 43 4 16 16 41 28
+56 60 72 131 142 161 158 l34 18 25 -26 c36 -40 57 -34 95 24 45 69 52 111 21
+133 -36 25 -111 21 -137 -7z m88 -57 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10
+0 6 5 10 10 10 6 0 10 -4 10 -10z"/>
+<path d="M348 1313 c-14 -16 -31 -38 -37 -50 -23 -44 -6 -264 25 -340 52 -123
+152 -170 216 -101 16 17 36 44 44 59 16 31 28 197 15 214 -5 5 -11 26 -15 45
+-26 144 -176 249 -248 173z m133 -74 c61 -63 83 -128 77 -234 -3 -60 -8 -78
+-31 -108 -15 -19 -36 -39 -48 -42 -30 -10 -73 36 -93 99 -20 61 -24 242 -7
+259 6 6 11 20 11 32 0 21 17 45 33 45 4 0 30 -23 58 -51z"/>
+<path d="M405 1179 c-14 -22 -18 -168 -5 -184 19 -23 40 -18 40 10 0 18 7 26
+25 31 23 6 25 10 25 70 0 43 -4 66 -12 68 -41 13 -68 15 -73 5z"/>
+<path d="M1146 1213 c-41 -36 -56 -57 -61 -84 -9 -51 28 -143 80 -198 38 -40
+47 -45 96 -48 50 -4 57 -2 101 32 71 55 79 99 41 215 -25 79 -91 130 -167 130
+-27 0 -47 -11 -90 -47z m164 -35 c48 -52 64 -137 34 -184 -18 -27 -63 -54 -89
+-54 -19 0 -75 53 -75 71 0 8 6 5 14 -6 8 -11 20 -16 29 -12 13 5 15 17 12 59
+-4 44 -3 48 4 19 18 -66 48 -100 65 -72 7 11 -20 141 -33 154 -12 12 -31 1
+-31 -19 0 -17 -12 -18 -28 -2 -19 19 -34 -4 -34 -56 -1 -25 -5 -46 -10 -46 -4
+0 -8 24 -8 53 0 44 5 58 29 85 37 40 89 44 121 10z"/>
+<path d="M1606 1122 c-3 -6 -19 -13 -35 -17 -49 -11 -66 -39 -65 -109 0 -33 6
+-71 12 -83 14 -26 0 -40 -18 -18 -19 23 -43 18 -65 -12 -53 -71 -50 -69 -87
+-54 -78 32 -118 27 -165 -19 -31 -31 -33 -31 -55 -14 -27 20 -62 90 -79 154
+-16 66 -59 115 -113 130 -59 16 -89 8 -122 -36 -16 -20 -38 -40 -51 -45 -21
+-8 -23 -15 -23 -73 0 -45 4 -67 16 -76 8 -8 21 -27 28 -45 15 -34 69 -85 92
+-85 18 0 18 -14 -1 -30 -33 -27 -106 -144 -124 -197 l-19 -57 -11 40 c-16 56
+-14 62 24 133 41 76 53 125 35 146 -21 25 -29 18 -64 -57 l-32 -73 -25 42
+c-37 65 -108 82 -170 40 -31 -21 -72 -71 -82 -100 -6 -18 -41 4 -106 64 -30
+27 -62 54 -72 60 -22 12 -62 12 -57 0 8 -22 118 -129 160 -156 l47 -30 1 -126
+c0 -163 18 -339 36 -360 21 -23 143 -18 228 11 65 22 69 23 82 6 22 -30 48
+-16 54 29 4 33 9 40 25 37 87 -12 189 -13 234 -2 46 11 51 15 51 40 0 22 5 28
+23 28 12 0 78 5 147 11 69 5 138 7 154 4 26 -5 28 -8 23 -44 -8 -64 0 -67 148
+-59 103 5 137 3 163 -8 31 -14 34 -13 58 9 24 22 26 29 23 104 -4 87 10 122
+56 148 67 36 165 108 165 121 0 23 -19 29 -43 13 -47 -30 -139 -78 -143 -75
+-2 3 -1 42 3 88 5 69 9 84 25 88 13 3 18 14 18 37 0 18 3 35 8 37 4 2 16 20
+26 40 10 21 39 61 62 89 48 55 52 70 28 89 -13 11 -23 5 -69 -40 -29 -29 -61
+-68 -71 -86 -23 -42 -34 -43 -56 -3 -11 18 -35 37 -58 47 -42 18 -49 32 -27
+54 36 36 45 188 12 188 -8 0 -22 11 -31 25 -17 25 -26 30 -85 40 -21 4 -39 3
+-43 -3z m79 -72 c29 -32 27 -116 -3 -157 -27 -38 -53 -42 -82 -11 -25 27 -26
+50 -2 46 18 -3 18 1 6 73 -5 31 -2 39 17 53 31 21 42 20 64 -4z m-732 -60 c37
+-39 41 -52 37 -100 -3 -34 -18 -61 -49 -87 -36 -31 -66 -29 -91 7 l-21 30 35
+0 c41 0 40 -1 25 37 -6 15 -12 54 -14 85 -2 57 -2 58 35 67 3 0 22 -17 43 -39z
+m-119 -102 c4 -17 2 -28 -4 -28 -5 0 -10 9 -10 19 0 11 -3 28 -6 38 -5 12 -4
+15 3 8 6 -5 13 -22 17 -37z m804 -84 c20 -4 44 -12 52 -19 8 -7 30 -16 48 -20
+26 -5 37 -15 48 -40 19 -47 28 -133 19 -200 -5 -47 -10 -58 -31 -66 -18 -6
+-33 -5 -54 6 -16 8 -46 15 -66 15 l-38 0 41 30 c41 30 66 70 77 126 6 26 1 37
+-41 84 -49 54 -93 80 -138 80 -14 0 -25 5 -25 11 0 7 12 9 35 5 19 -3 52 -9
+73 -12z m-548 -39 c33 -34 33 -35 20 -75 -15 -44 -29 -50 -48 -20 -6 11 -30
+29 -52 40 l-40 20 38 35 c20 19 39 35 43 35 3 0 20 -16 39 -35z m236 -2 c8
+-10 21 -31 29 -48 18 -38 65 -311 65 -380 l0 -52 -146 -8 c-80 -4 -148 -4
+-152 0 -3 3 -8 51 -10 105 -4 96 -4 100 17 100 18 0 21 6 21 38 1 44 28 144
+53 189 34 64 95 91 123 56z m298 -54 c36 -43 42 -73 19 -111 -27 -47 -42 -47
+-36 1 8 55 -3 90 -32 103 -32 14 -51 -1 -59 -47 -10 -52 1 -83 32 -87 30 -4
+43 -28 14 -28 -11 0 -34 13 -51 29 -38 36 -42 85 -10 125 42 53 87 58 123 15z
+m-1007 -99 c22 -43 36 -103 69 -290 8 -47 19 -100 25 -118 8 -24 8 -37 0 -46
+-16 -19 -130 -46 -194 -46 l-54 0 -6 68 c-9 86 -9 290 0 320 4 16 11 22 23 19
+20 -5 50 9 50 24 0 5 -11 14 -25 19 -33 13 -32 25 10 67 46 46 73 42 102 -17z
+m395 9 c24 -48 40 -164 42 -299 l1 -115 -100 -3 c-55 -1 -118 1 -139 5 -36 8
+-40 12 -52 58 -7 28 -16 75 -20 105 l-7 55 21 -19 c18 -15 24 -16 37 -6 8 7
+15 18 15 25 0 51 100 208 144 225 30 12 39 8 58 -31z m479 -115 c10 -9 36 -18
+58 -21 47 -6 51 -15 16 -31 -28 -13 -33 -43 -11 -61 11 -10 21 -9 46 4 17 9
+47 15 67 13 30 -2 39 -9 55 -40 22 -42 44 -159 35 -183 -5 -11 -12 -13 -24 -7
+-10 5 -57 7 -105 5 -71 -3 -88 -1 -88 11 0 7 -7 17 -16 20 -11 4 -14 13 -10
+28 3 14 -1 30 -13 43 -14 15 -20 42 -24 109 -3 54 -10 91 -17 96 -7 4 -9 13
+-6 19 10 15 16 14 37 -5z"/>
+<path d="M1647 1033 c-9 -14 -11 -78 -3 -99 5 -16 12 -20 26 -17 16 4 20 14
+20 48 0 24 -3 50 -6 59 -6 17 -29 22 -37 9z"/>
+<path d="M897 974 c-21 -22 10 -114 39 -114 19 0 29 27 16 43 -6 6 -12 25 -14
+42 -3 28 -25 44 -41 29z"/>
+</g>
+</svg>