Add demo screenshots to the documentation (#174)

Author: Corentin Mors

README.md

@@ -5,7 +5,7 @@
 [![Documentation Website](https://img.shields.io/badge/Documentation-Website)
 ](https://dashlane.github.io/dashlane-cli)
 
-![Dashlane CLI Demo](./documentation/public/demo.png)
+![Dashlane CLI Demo](./documentation/public/main.png)
 
 ## How to install with homebrew
 

documentation/pages/index.mdx

@@ -8,7 +8,7 @@ import { Card, Cards } from 'nextra-theme-docs';
     <Card title="👩‍💻 Contribute on Github" href="https://github.com/Dashlane/dashlane-cli" target="_blank" />
 </Cards>
 
-![Dashlane CLI](/demo.png)
+![Dashlane CLI](../public/main.png)
 
 Dashlane CLI is a command line interface for Dashlane. It allows you to interact with your Dashlane account, and to manage your passwords and personal data.
 

documentation/pages/personal/index.mdx

@@ -1,11 +1,15 @@
+import { Card, Cards } from 'nextra-theme-docs';
+
 # Get started with Personal Commands
 
 Accessing your personal vault allows you to view your passwords, secure notes and OTP codes.
 
-import { Card, Cards } from 'nextra-theme-docs';
+![Dashlane CLI examples](../../public/cli-examples.png)
 
 <Cards>
     <Card title="🔑 Authentication" href="/personal/authentication" />
     <Card title="🔒 Accessing your vault" href="/personal/vault" />
     <Card title="📱 Manage your devices" href="/personal/devices" />
+    <Card title="🔎 Load your secrets" href="/personal/secrets/read" />
+    <Card title="🛟 Backup your local vault" href="/personal/backup" />
 </Cards>

documentation/pages/personal/secrets/inject.mdx

@@ -40,6 +40,8 @@ dcli inject --in config.yaml.template --out config.yaml
 
 In output file, the secret reference is replaced by the plaintext secret value.
 
+![Dashlane CLI inject secret](../../../public/inject-pwd.png)
+
 <Callout type="error" emoji="️🚫">
     Make sure to delete the resolved config file if you no longer need it.
 </Callout>

documentation/pages/personal/secrets/read.mdx

@@ -55,6 +55,8 @@ Available transformers:
 -   `?json=<JSONPathQuery>` to extract a value from a JSON object
     (please refer to [JSONPath documentation](https://github.com/JSONPath-Plus/JSONPath#syntax-through-examples) for more information)
 
+![Dashlane CLI read json secret](../../../public/read-secret.png)
+
 ## Read a secret reference
 
 You can simply use the `dcli read <path>` command to read a secret reference.
@@ -71,3 +73,5 @@ dcli read dl://<secret_identifier>/<field>?<transformer>
 ```
 
 **Note:** Accessing a secret with the secret identifier is faster than using the title of the secret as it does not require to decrypt the whole vault.
+
+![Dashlane CLI read otp](../../../public/read-otp.png)

documentation/pages/personal/vault.mdx

@@ -27,6 +27,8 @@ dcli p url,title=mywebsite
 
 Note: You can select a different output for passwords among `clipboard, password, json`. The JSON option outputs all the matching credentials.
 
+![Dashlane CLI copy password](../../public/password-copy.png)
+
 ## Generate an OTP code
 
 You can get an OTP code from your vault as well as the remaining time before it expires.