From b70a7db8bb3c427d891812379760ceab24fe15ef Mon Sep 17 00:00:00 2001
From: Alice Poggioli <alice.poggioli@paca.happy-dev.fr>
Date: Tue, 1 Sep 2020 12:39:36 +0200
Subject: [PATCH] update how to make component

---
 .../import_documentation/How-to-make-components.rst   | 11 ++++++-----
 source/import_documentation/get-started.rst           |  5 +++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/source/import_documentation/How-to-make-components.rst b/source/import_documentation/How-to-make-components.rst
index 6bf4d44..bd8eb9f 100644
--- a/source/import_documentation/How-to-make-components.rst
+++ b/source/import_documentation/How-to-make-components.rst
@@ -37,12 +37,12 @@ Steps
 -----
 In a first time we are going to set up a local development environment.
 
-1. Create a folder named "Solid-ComponentName"
+**1**. Create a folder named "Solid-ComponentName"
 
 .. note::
     By convention, we prefix Startin'blox components with "solid". Example: solid-faq, solid-agenda, solid-map..
 
-2. Open a terminal in the folder and type those following commands: 
+**2**. Open a terminal in the folder and type those following commands: 
 
 .. code:: bash
 
@@ -54,11 +54,12 @@ In a first time we are going to set up a local development environment.
 
 Then, At the root of your project creat an index.html file. 
 
-3. Go to your `package.json` and add the following script : 
+**3**. Make an npm command available to launch your server
+
+Go to your `package.json` and add the following script : 
 
 .. code:: json
 
-    #Make an npm command available to launch your server
     "serve": "http-server"
 
 Your `package.json` should look like this : 
@@ -82,7 +83,7 @@ Your `package.json` should look like this :
         }
     }
 
-4. Create your a file `solid-componentName.js` which will welcome your component.
+**4**. Create your a file `solid-componentName.js` which will welcome your component.
 
 Now you are ready to start the development of your component :)
 
diff --git a/source/import_documentation/get-started.rst b/source/import_documentation/get-started.rst
index ae30dce..69630df 100644
--- a/source/import_documentation/get-started.rst
+++ b/source/import_documentation/get-started.rst
@@ -10,6 +10,10 @@ It means that any front can use any data sources from any back because it commun
 .. figure:: ../_static/images/import_documentation/Centralized-Vs-Decentralized.png
    :alt: What is interoperability ?
 
+
+.. image:: ./../../_static/images/import_documentation/Centralized-Vs-Decentralized.png
+   :alt: test
+
 So you can learn how to use the back and the front independently.
 
 .. note:: 
@@ -48,6 +52,7 @@ It enables you to use Startin’blox technology and all the base components from
 
 .. note:: 
    **Notes the data-src attribute**
+
    You will find it in almost all Startin'blox components. It is this attribute that hosts the data source you want to use within this component. You can go to the url (`https://apiprod.happy-dev.fr/collectives/ <https://apiprod.happy-dev.fr/collectives/>`__ ) to see what the API looks like.
 
 
-- 
GitLab