Change image styling to be compatible with kramdown.

4 files changed, 12 insertions, 12 deletions

diff --git a/book.json b/book.json
index fba82f6..1f6efb9 100644
--- a/book.json
+++ b/book.json
@@ -83,9 +83,9 @@
                     }
                 },
                 {
-                    "pattern": "<img ([^>]*)> {0,}{style {1,}([^}]*)}",
+                    "pattern": "<img ([^>]*)> {0,}{:: {0,}style=([^}]*)}",
                     "flags": "g",
-                    "substitute": "<img $1 style=\"$2\">",
+                    "substitute": "<img $1 style=$2>",
                     "decode": true
                 }
             ]
diff --git a/docs/part-1/0_Abstract.md b/docs/part-1/0_Abstract.md
index 4b583d8..4d93f54 100644
--- a/docs/part-1/0_Abstract.md
+++ b/docs/part-1/0_Abstract.md
@@ -13,7 +13,7 @@ keep performance while editing/browsing sources).
 The two main blocks that compose XDS are the client part (`xds-agent`) running
 on the user's machine and the server part (`xds-server`) running somewhere in a container or on a server machine (on local network or cloud).
 
-![](./pictures/xds-block-diagram.png){style width:98%;}
+![](./pictures/xds-block-diagram.png){:: style="width:98%;"}
 
 <!-- pagebreak -->
 
@@ -24,4 +24,4 @@ MacOS machine and the following 3 main configurations are supported:
 - On-Premise (local network)
 - SaaS (Cloud based)
 
-![](./pictures/xds-conf.png){style width:98%;}
+![](./pictures/xds-conf.png){:: style="width:98%;"}
diff --git a/docs/part-1/4_build-first-app.md b/docs/part-1/4_build-first-app.md
index bb343b1..fa1fd8a 100644
--- a/docs/part-1/4_build-first-app.md
+++ b/docs/part-1/4_build-first-app.md
@@ -31,15 +31,15 @@ git clone --recursive https://github.com/iotbzh/helloworld-native-application.gi
 Use XDS Dashboard to declare your project. Open a browser and connect to XDS
 Dashboard. URL depends of your config, for example `http://localhost:8000`
 
-Click cog icon ![](./pictures/xds-dashboard-icon-1.png){style display:inline; padding:0;}
+Click cog icon ![](./pictures/xds-dashboard-icon-1.png){:: style="display:inline; padding:0;"}
 to open configuration panel and then create/declare a new project by with the
 plus icon
-![](./pictures/xds-dashboard-icon-2.png){style display:inline; padding:0;}
+![](./pictures/xds-dashboard-icon-2.png){:: style="display:inline; padding:0;"}
 of `Projects` bar.
 
 Set `Sharing Type` and paths according to your setup.
 
-![](./pictures/xds-dashboard-prj-1.png){style width:90%;}
+![](./pictures/xds-dashboard-prj-1.png){:: style="width:90%;"}
 
 <!-- note -->
 >**Note:** when you select `Path mapping`, you must clone your project into
@@ -51,10 +51,10 @@ where you want on your local disk.
 
 ## Build from XDS dashboard
 
-Open the build page (icon ![](./pictures/xds-dashboard-icon-3.png){style display:inline; padding:0;}), then select your **Project** and the **Cross SDK** you want to use and click on
+Open the build page (icon ![](./pictures/xds-dashboard-icon-3.png){:: style="display:inline; padding:0;"}), then select your **Project** and the **Cross SDK** you want to use and click on
 **Clean / Pre-Build / Build / Populate** buttons to execute various build actions.
 
-![](./pictures/xds-dashboard-prj-2.png){style width:90%;}
+![](./pictures/xds-dashboard-prj-2.png){:: style="width:90%;"}
 
 ## Build from command line
 
diff --git a/docs/part-1/5_debug-first-app.md b/docs/part-1/5_debug-first-app.md
index 6a4e95f..cc0e8a2 100644
--- a/docs/part-1/5_debug-first-app.md
+++ b/docs/part-1/5_debug-first-app.md
@@ -168,11 +168,11 @@ __Netbeans 8.x :__
 - Open menu **Tools** -> **Options**
   - Open **C/C++** tab, in **Build Tools** sub-tab, click on **Add** button:
 
-    ![Add new tool panel](./pictures/nb_newtool.png){style width:90%;}
+    ![Add new tool panel](./pictures/nb_newtool.png){:: style="width:90%;"}
 
   - Then, you should set **Make Command** and **Debugger Command** to point to xds tools:
 
-    ![Add new tool panel](./pictures/nb_xds_options.png){style width:90%;}
+    ![Add new tool panel](./pictures/nb_xds_options.png){:: style="width:90%;"}
 
   - Finally click on **OK** button.
 
@@ -191,7 +191,7 @@ __Netbeans 8.x :__
     - Gdb Init File: `target/gdb-on-root@renesas-gen3.ini`
       (_script name may depend of RSYNC_TARGET variable you set in pre-build command_)
 
-    ![Select Model panel](./pictures/nb_project_debug-1.png){style width:90%;}
+    ![Select Model panel](./pictures/nb_project_debug-1.png){:: style="width:90%;"}
 
   - Click on **Apply** and then **OK** button to save settings