Merge pull request #12 in WS/myscriptjs from wip-badges-readme to master

* commit '8632de91fea74ccec0b1b8a394908b1d3dd48cde':
  [DOCS] Update README with badges
  [DEV] Update examples index page

README.md

@@ -1,4 +1,9 @@
 # MyScriptJS
+
+[![npm version](https://badge.fury.io/js/myscript.svg)](https://badge.fury.io/js/myscript)
+[![Examples](https://img.shields.io/badge/Link%20to-examples-blue.svg)](https://myscript.github.io/MyScriptJS/examples/)
+[![Documentation](https://img.shields.io/badge/Link%20to-documentation-green.svg)](https://developer.myscript.com/docs/interactive-ink/latest/web/myscriptjs/)
+
 > The fastest way to integrate rich **handwriting** features in your webapp.
 
 <div align="center">

examples/index.html

@@ -52,13 +52,12 @@
     <h1>MyScriptJS examples</h1>
     <h2>Table of contents</h2>
     <ul>
-      <li><a href="#v4-ws">V4 - iink SDK Web with WebSockets</a></li>
-      <li><a href="#v4-rest">V4 - iink SDK Web with REST</a></li>
-      <li><a href="#non-specific">Non version specific</a></li>
+      <li><a href="#v4-ws">iink SDK Web with WebSockets</a></li>
+      <li><a href="#v4-rest">iink SDK Web with REST</a></li>
       <li><a href="#experimental">Experimental</a></li>
       <li><a href="#development">Development</a></li>
     </ul>
-    <h2><a class="title" name="v4-ws">V4 - iink SDK web (WebSockets)</a></h2>
+    <h2><a class="title" name="v4-ws">iink SDK web with WebSockets</a></h2>
     <div class="grid-wrapper">
       <div class="grid-column-one">
         <p><strong>TEXT with iink SDK web (with Smart Guide)</strong></p>
@@ -141,6 +140,35 @@ <h2><a class="title" name="v4-ws">V4 - iink SDK web (WebSockets)</a></h2>
             </svg>
             Get source code</a>
         </div>
+        <p><strong>Handle errors</strong></p>
+        <div class="center">
+          <a href="non-version-specific/handle_errors.html" class="btn">
+            <svg class="icn">
+              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
+            </svg>
+            View example</a>
+          <a href="https://github.com/MyScript/MyScriptJS/blob/master/examples/non-version-specific/handle_errors.html"
+             class="btn">
+            <svg class="icn">
+              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
+            </svg>
+            Get source code</a>
+        </div>
+        <p><strong>Configure on-demand export</strong></p>
+        <div class="center">
+          <a href="non-version-specific/on_demand_exports.html" class="btn">
+            <svg class="icn">
+              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
+            </svg>
+            View example</a>
+          <a
+            href="https://github.com/MyScript/MyScriptJS/blob/master/examples/non-version-specific/on_demand_exports.html"
+            class="btn">
+            <svg class="icn">
+              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
+            </svg>
+            Get source code</a>
+        </div>
       </div>
       <div class="grid-column-two">
         <p><strong>TEXT with iink SDK web (without Smart Guide)</strong></p>
@@ -230,9 +258,24 @@ <h2><a class="title" name="v4-ws">V4 - iink SDK web (WebSockets)</a></h2>
             </svg>
             Get source code</a>
         </div>
+        <p><strong>Change the language</strong></p>
+        <div class="center">
+          <a href="non-version-specific/change_language.html" class="btn">
+            <svg class="icn">
+              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
+            </svg>
+            View example</a>
+          <a
+            href="https://github.com/MyScript/MyScriptJS/blob/master/examples/non-version-specific/change_language.html"
+            class="btn">
+            <svg class="icn">
+              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
+            </svg>
+            Get source code</a>
+        </div>
       </div>
     </div>
-    <h2><a class="title" name="v4-rest">V4 - iink SDK web (REST)</a></h2>
+    <h2><a class="title" name="v4-rest">iink SDK web with REST</a></h2>
     <div class="grid-wrapper">
       <div class="grid-column-one">
         <p><strong>TEXT with iink SDK web</strong></p>
@@ -295,65 +338,6 @@ <h2><a class="title" name="v4-rest">V4 - iink SDK web (REST)</a></h2>
         </div>
       </div>
     </div>
-    <h2><a class="title" name="non-specific">Non version specific features</a></h2>
-    <div class="notice notice-info">
-      <svg class="icn icn-info">
-        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-info"></use>
-      </svg>
-      <div class="notice-txt">
-        Demonstration of features not depending of API version configured.
-      </div>
-    </div>
-    <div class="grid-wrapper">
-      <div class="grid-column-one">
-        <p><strong>Handle errors</strong></p>
-        <div class="center">
-          <a href="non-version-specific/handle_errors.html" class="btn">
-            <svg class="icn">
-              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
-            </svg>
-            View example</a>
-          <a href="https://github.com/MyScript/MyScriptJS/blob/master/examples/non-version-specific/handle_errors.html"
-             class="btn">
-            <svg class="icn">
-              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
-            </svg>
-            Get source code</a>
-        </div>
-        <p><strong>Configure on-demand export</strong></p>
-        <div class="center">
-          <a href="non-version-specific/on_demand_exports.html" class="btn">
-            <svg class="icn">
-              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
-            </svg>
-            View example</a>
-          <a
-            href="https://github.com/MyScript/MyScriptJS/blob/master/examples/non-version-specific/on_demand_exports.html"
-            class="btn">
-            <svg class="icn">
-              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
-            </svg>
-            Get source code</a>
-        </div>
-      </div>
-      <div class="grid-column-two">
-        <p><strong>Change the language</strong></p>
-        <div class="center">
-          <a href="non-version-specific/change_language.html" class="btn">
-            <svg class="icn">
-              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
-            </svg>
-            View example</a>
-          <a
-            href="https://github.com/MyScript/MyScriptJS/blob/master/examples/non-version-specific/change_language.html"
-            class="btn">
-            <svg class="icn">
-              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
-            </svg>
-            Get source code</a>
-        </div>
-      </div>
-    </div>
     <h2><a class="title" name="development">Development</a></h2>
     <div class="grid-wrapper">
       <div class="grid-column-one">