diff --git a/assets/images/how-it-works.svg b/assets/images/how-it-works.svg
new file mode 100644
index 0000000..27eacc3
--- /dev/null
+++ b/assets/images/how-it-works.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400mm"
+   height="150mm"
+   viewBox="0 0 1417.3228 531.49606"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="drawing.svg"
+   inkscape:export-filename="/home/guillaume/Desktop/path4209.png"
+   inkscape:export-xdpi="100.076"
+   inkscape:export-ydpi="100.076">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#008ed6"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="587.43565"
+     inkscape:cy="376.11766"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1871"
+     inkscape:window-height="1056"
+     inkscape:window-x="49"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-520.86615)">
+    <g
+       id="g4286"
+       transform="translate(51.482737,2.9525757)">
+      <rect
+         rx="8.0071001"
+         y="593.75293"
+         x="367.69547"
+         height="379.81735"
+         width="530.33008"
+         id="rect4282"
+         style="opacity:0.5;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         sodipodi:linespacing="125%"
+         id="text4155"
+         y="650.32147"
+         x="62.629456"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:40px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:50px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';fill:#ffffff"
+           y="650.32147"
+           x="62.629456"
+           id="tspan4157"
+           sodipodi:role="line">login</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:40px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="62.629456"
+         y="741.87708"
+         id="text4159"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4161"
+           x="62.629456"
+           y="741.87708"
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:50px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';fill:#ffffff">master password</tspan></text>
+      <g
+         transform="translate(-18.182746,122.22846)"
+         id="g4257">
+        <text
+           xml:space="preserve"
+           style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           x="82.545601"
+           y="716.05048"
+           id="text4163"
+           sodipodi:linespacing="125%"><tspan
+             sodipodi:role="line"
+             id="tspan4165"
+             x="82.545601"
+             y="716.05048"
+             style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:50px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';fill:#ffffff">site</tspan></text>
+        <text
+           xml:space="preserve"
+           style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           x="82.05732"
+           y="801.84436"
+           id="text4171"
+           sodipodi:linespacing="125%"><tspan
+             sodipodi:role="line"
+             id="tspan4173"
+             x="82.05732"
+             y="801.84436"
+             style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:50px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';fill:#ffffff">options</tspan></text>
+      </g>
+      <g
+         transform="translate(-6.0609147,117.73685)"
+         id="g4187">
+        <rect
+           style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-opacity:0.94117647"
+           id="rect4175"
+           width="185.86807"
+           height="119.198"
+           x="-611.52838"
+           y="505.77515"
+           rx="8.0071001"
+           transform="scale(-1,1)" />
+        <text
+           xml:space="preserve"
+           style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           x="446.48743"
+           y="539.20471"
+           id="text4177"
+           sodipodi:linespacing="125%"><tspan
+             sodipodi:role="line"
+             id="tspan4179"
+             x="446.48743"
+             y="539.20471"
+             style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'">pbkdf2</tspan><tspan
+             sodipodi:role="line"
+             x="446.48743"
+             y="576.70471"
+             style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'"
+             id="tspan4183">8192 iterations</tspan><tspan
+             sodipodi:role="line"
+             x="446.48743"
+             y="614.20471"
+             style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'"
+             id="tspan4185">sha 256</tspan><tspan
+             sodipodi:role="line"
+             x="446.48743"
+             y="651.70471"
+             style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'"
+             id="tspan4181" /></text>
+      </g>
+      <path
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 423.25391,728.8888 -72.73098,0"
+         id="path4209"
+         inkscape:connector-curvature="0" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-opacity:0.94117647"
+         id="rect4219"
+         width="185.86807"
+         height="119.198"
+         x="-829.72131"
+         y="805.50415"
+         rx="8.0071001"
+         transform="scale(-1,1)" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:40px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="689.65594"
+         y="854.14612"
+         id="text4221"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           x="689.65594"
+           y="854.14612"
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'"
+           id="tspan4227">password </tspan><tspan
+           id="tspan4276"
+           sodipodi:role="line"
+           x="689.65594"
+           y="891.64612"
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'">template</tspan><tspan
+           sodipodi:role="line"
+           x="689.65594"
+           y="929.14612"
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:30px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed'"
+           id="tspan4229" /></text>
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:40px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         x="922.50415"
+         y="878.09143"
+         id="text4249"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan4251"
+           x="922.50415"
+           y="878.09143"
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:condensed;font-size:50px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Light Condensed';fill:#ffffff">generated password</tspan></text>
+      <path
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 429.8358,639.01589 -272.87258,0"
+         id="path4253"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 661.97865,912.00007 -467.15829,0"
+         id="path4255"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4263"
+         d="m 661.97865,822.00007 -467.15829,0"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:2.98452616;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 738.33633,683.111 -144.23026,0"
+         id="path4278"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4280"
+         d="m 736.78727,681.62395 0,136.53814"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:3.1001718;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path4284"
+         d="m 908.12714,865.10315 -82.83251,0"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="714.28564"
+       y="942.93365"
+       id="text4319"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan4321"
+         x="714.28564"
+         y="942.93365"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:condensed;font-size:17.5px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold Condensed';fill:#800080">_renderPassword</tspan></text>
+    <text
+       sodipodi:linespacing="125%"
+       id="text4327"
+       y="761.21942"
+       x="498.57135"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:condensed;font-size:17.5px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold Condensed';fill:#800080"
+         y="761.21942"
+         x="498.57135"
+         id="tspan4329"
+         sodipodi:role="line">_encryptLogin</tspan></text>
+  </g>
+</svg>