docs: add favicons in all pages except for /api URL (#87)

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

NOTICE.txt

@@ -1,3 +1,5 @@
+Copyright (C) 2023 - 2024 Orange SA All rights reserved
+
 The following parts are proprietary information of Orange.
 You shall not use or display any trade names, trademarks, service marks, products names, illustrations or designs used within the software
 or displayed on this website and owned by Orange SA and its subsidiaries,
@@ -11,5 +13,17 @@ docs/images/ods-line-charts.png
 docs/images/ods-mixed-charts.png
 docs/images/ods-stacked-bar-charts.png
 docs/images/orange-logo.svg
-
-End of the parts list under Orange SA Copyright
+docs/images/favicons/android-chrome-192x192.png
+docs/images/favicons/android-chrome-512x512.png
+docs/images/favicons/apple-touch-icon.png
+docs/images/favicons/browserconfig.xml
+docs/images/favicons/favicon-16x16.png
+docs/images/favicons/favicon-32x32.png
+docs/images/favicons/favicon.ico
+docs/images/favicons/manifest.json
+docs/images/favicons/mstile-144x144.png
+docs/images/favicons/mstile-150x150.png
+docs/images/favicons/mstile-310x150.png
+docs/images/favicons/mstile-310x310.png
+docs/images/favicons/mstile-70x70.png
+docs/images/favicons/safari-pinned-tab.svg

docs/examples/bar-chart.html

@@ -9,6 +9,14 @@
       rel="preconnect"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="../images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="../images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="../images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="../images/favicons/manifest.json">
+    <link rel="mask-icon" href="../images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="../images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="../images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
 
     <!--------------------------------------------------
        Echarts 

docs/examples/bar-line-chart.html

@@ -9,6 +9,14 @@
       rel="preconnect"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="../images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="../images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="../images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="../images/favicons/manifest.json">
+    <link rel="mask-icon" href="../images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="../images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="../images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
 
     <!--------------------------------------------------
        Echarts 

docs/examples/index.html

@@ -10,6 +10,14 @@
       integrity="sha384-zYFw+mxKy6r9zpAc1NoGiYBfQmxfvg7ONEMr81WeU+WLPPaLC9QTrNGFJTBi3EIn"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="../images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="../images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="../images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="../images/favicons/manifest.json">
+    <link rel="mask-icon" href="../images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="../images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="../images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
     <script>
       if (document.location.href.endsWith('/examples')) {
         document.location.href = document.location.href + '/';

docs/examples/multiple-line-chart.html

@@ -9,6 +9,14 @@
       rel="preconnect"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="../images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="../images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="../images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="../images/favicons/manifest.json">
+    <link rel="mask-icon" href="../images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="../images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="../images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
 
     <!--------------------------------------------------
        Echarts 

docs/examples/single-line-chart.html

@@ -9,6 +9,14 @@
       rel="preconnect"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="../images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="../images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="../images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="../images/favicons/manifest.json">
+    <link rel="mask-icon" href="../images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="../images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="../images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
 
     <!--------------------------------------------------
        Echarts 

docs/examples/stacked-bar-chart.html

@@ -9,6 +9,14 @@
       rel="preconnect"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="../images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="../images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="../images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="../images/favicons/manifest.json">
+    <link rel="mask-icon" href="../images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="../images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="../images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
 
     <!--------------------------------------------------
        Echarts 

docs/images/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="./mstile-150x150.png"/>
+      <TileColor>#000000</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

docs/images/favicons/manifest.json

@@ -0,0 +1,20 @@
+{
+  "name": "Orange Design System Charts",
+  "short_name": "ODS Charts",
+  "icons": [
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/",
+  "theme_color": "#000000",
+  "background_color": "#000000",
+  "display": "standalone"
+}

docs/index.html

@@ -10,6 +10,14 @@
       integrity="sha384-zYFw+mxKy6r9zpAc1NoGiYBfQmxfvg7ONEMr81WeU+WLPPaLC9QTrNGFJTBi3EIn"
       crossorigin="anonymous"
     />
+    <link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="images/favicons/manifest.json">
+    <link rel="mask-icon" href="images/favicons/safari-pinned-tab.svg" color="#000">
+    <link rel="icon" href="images/favicons/favicon.ico">
+    <meta name="msapplication-config" content="images/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#000">
     <script>
       if (document.location.href.endsWith('/docs')) {
         document.location.href = document.location.href + '/';