[DEV] Update README and examples page

Author: RomainCscn

README.md

@@ -1,4 +1,12 @@
 # MyScript Math Web
+
+[![npm version](https://badge.fury.io/js/myscript-math-web.svg)](https://badge.fury.io/js/myscript-math-web)
+[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/MyScriptmyscript-math-web)
+[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/MyScriptmyscript-math-web.svg)](https://vaadin.com/directory/component/MyScriptmyscript-math-web)
+[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/MyScript/myscript-math-web)
+[![Examples](https://img.shields.io/badge/Link%20to-examples-blue.svg)](https://myscript.github.io/myscript-common-element/#/elements/myscript-math-web/demos/other-demonstrations)
+[![Documentation](https://img.shields.io/badge/Link%20to-documentation-green.svg)](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/math-web/)
+
 > The easy way to integrate mathematical expressions handwriting recognition in your web app.
 
 <p align="center">

build/docs/src/demo-app/examples/index.html

@@ -32,15 +32,6 @@
             <h1>Examples</h1>
             <div class="grid-wrapper">
                 <div class="grid-column-one">
-                    <h2>Non version specific features</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>
                     <p><strong>Get started</strong></p>
                     <div class="center">
                         <a href="non-version-specific/get_started.html" class="btn">
@@ -135,7 +126,6 @@ <h2>Non version specific features</h2>
                     </div>
                 </div>
                 <div class="grid-column-two">
-                    <h2>V4 - iink SDK web</h2>
                     <p><strong>MATH with REST</strong></p>
                     <div class="center">
                         <a href="v4/iink_rest.html" class="btn">

src/demo-app/examples/index.html

@@ -40,15 +40,6 @@
             <h1>Examples</h1>
             <div class="grid-wrapper">
                 <div class="grid-column-one">
-                    <h2>Non version specific features</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>
                     <p><strong>Get started</strong></p>
                     <div class="center">
                         <a href="non-version-specific/get_started.html" class="btn">
@@ -150,7 +141,6 @@ <h2>Non version specific features</h2>
                     </div>
                 </div>
                 <div class="grid-column-two">
-                    <h2>V4 - iink SDK web</h2>
                     <p><strong>MATH with REST</strong></p>
                     <div class="center">
                         <a href="v4/iink_rest.html" class="btn">