Update favicons, fonts, dependencies

assets/dbp-signature.html.ejs

@@ -18,24 +18,20 @@
     <meta property="og:site_name" content="esign" />
 
     <!-- Favicons -->
-    <link rel="shortcut icon" type="image/x-icon" href="<%= getPrivateUrl('favicon.ico') %>">
-    <link rel="icon" type="image/svg+xml" href="<%= getPrivateUrl('favicon.svg') %>" sizes="any">
-
-    <!-- PWA manifest file -->
-    <link rel="manifest" href="<%= getUrl(name + '.manifest.json') %>">
-
-    <!-- PWA iphone -->
-    <link rel="apple-touch-icon" sizes="180x180" href="<%= getPrivateUrl('apple-touch-icon.png') %>">
-    <link rel="icon" type="image/png" sizes="32x32" href="<%= getPrivateUrl('icon-32x32.png') %>">
-    <link rel="icon" type="image/png" sizes="16x16" href="<%= getPrivateUrl('icon-16x16.png') %>">
-    <link rel="mask-icon" href="<%= getPrivateUrl('safari-pinned-tab.svg') %>" color="#e4154b">
+    <link rel="shortcut icon" type="image/x-icon" href="<%= getPrivateUrl('icon/favicon.ico') %>">
+    <link rel="icon" type="image/svg+xml" href="<%= getPrivateUrl('icon/favicon.svg') %>">
+    <link rel="apple-touch-icon" sizes="180x180" href="<%= getPrivateUrl('icon/apple-touch-icon.png') %>">
+    <link rel="icon" type="image/png" sizes="32x32" href="<%= getPrivateUrl('icon/favicon-32x32.png') %>">
+    <link rel="icon" type="image/png" sizes="16x16" href="<%= getPrivateUrl('icon/favicon-16x16.png') %>">
+    <link rel="manifest" href="<%= getUrl(name + '.webmanifest') %>">
+    <link rel="mask-icon" href="<%= getPrivateUrl('icon/safari-pinned-tab.svg') %>" color="#e4154b">
+    <meta name="theme-color" content="#ffffff">
     <meta name="apple-mobile-web-app-status-bar-style" content="white">
 
     <!-- Loading spinner -->
     <script type="module">
-        //import {Spinner} from '@tugraz/web-components';
-        //import {Spinner} from '<%= getPrivateUrl('spinner.js') %>';
-        //customElements.define('dbp-loading-spinner', Spinner);
+        import {Spinner} from '<%= getPrivateUrl('tug_spinner.js') %>';
+        customElements.define('tug-spinner', Spinner);
     </script>
 
     <!-- App bundles-->
@@ -53,11 +49,20 @@
         body {
             font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif';
             font-weight: 300;
+            font-size: 16px;
             margin: 0;
         }
 
+        #spinner{
+            height: 100vh;
+            width: 100vw;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
         /* TU-Graz style override */
-        html {
+        .light-theme {
             --dbp-override-background: white;
             --dbp-override-content: black;
 
@@ -111,7 +116,8 @@
     build-url='<%= buildInfo.url %>'
     build-time='<%= buildInfo.time %>'
     env='<%= buildInfo.env %>'
->
+    themes='[{"class": "light-theme", "icon": "sun", "name": "Light Mode"}]'
+><tug-spinner id='spinner'></tug-spinner>
 </<%= name %>>
 
 <template id="global-override">