Update sidebar app name and images size and alignment (#2973)

docs/index.html

@@ -30,8 +30,7 @@ SPDX-License-Identifier: EPL-2.0
                  errorText: 'Error',
                  successText: 'Copied',
                 },
-                name: '<span>hawkBit</span>',
-//                repo: 'eclipse-hawkbit/hawkbit',
+                name: ' ',
                 themeColor: '#0ea5ea',
                 coverpage: true,    
                 auto2top: true,
@@ -48,6 +47,29 @@ SPDX-License-Identifier: EPL-2.0
                 }
             }
     </script>
+    <script>
+    (function () {
+      function logoPlugin(hook) {
+        hook.ready(function () {
+          fetch('images/hawkbit_logo.svg')
+            .then(function (r) { return r.text(); })
+            .then(function (svg) {
+              var el = document.querySelector('.app-name');
+              if (!el) return;
+              var div = document.createElement('div');
+              div.innerHTML = svg;
+              var svgEl = div.querySelector('svg');
+              svgEl.setAttribute('width', '200');
+              svgEl.removeAttribute('height');
+              svgEl.style.setProperty('--logo-color', '#F0EEEA');
+              el.innerHTML = '';
+              el.appendChild(svgEl);
+            });
+        });
+      }
+      window.$docsify.plugins = [].concat(logoPlugin, window.$docsify.plugins || []);
+    })();
+    </script>
     <!-- Docsify v4 -->
     <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
     <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
@@ -92,10 +114,6 @@ SPDX-License-Identifier: EPL-2.0
       color: #027abe;
   }
 
-  .sidebar h1 {
-      font-weight: 700;
-  }
-
   thead tr {
       background-color: #015585;
       color: #f0eeea;