Add PWA icons, status bar styles and change necessary paths

d4fd4459 · Tögl, Christina · 50b7c7f5 · d4fd4459 · d4fd4459 · d4fd4459
Commit d4fd4459 authored 3 years ago by Tögl, Christina
--- a/toolkit-showcase/assets/apple-touch-icon.png
+++ b/toolkit-showcase/assets/apple-touch-icon.png
--- a/toolkit-showcase/assets/dbp-toolkit-showcase.html.ejs
+++ b/toolkit-showcase/assets/dbp-toolkit-showcase.html.ejs
@@ -3,6 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="white"/>

    <!-- Favicons -->
    <link rel="shortcut icon" type="image/x-icon" href="<%= getPrivateUrl('favicon.ico') %>">
@@ -10,6 +11,13 @@

    <!-- 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">
+    <meta name="apple-mobile-web-app-status-bar-style" content="white">

    <!-- Loading spinner -->
    <script type="module">
@@ -76,4 +84,4 @@
 <script src="<%= getPrivateUrl('browser-check.js') %>" defer></script>
 <noscript>Diese Applikation benötigt Javascript / This application requires Javascript</noscript>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/toolkit-showcase/assets/favicon.ico
+++ b/toolkit-showcase/assets/favicon.ico
--- a/toolkit-showcase/assets/favicon.svg
+++ b/toolkit-showcase/assets/favicon.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 100 100.00096"
+   version="1.1"
+   width="100"
+   height="100"
+   xml:space="preserve"
+   id="int-header-logo-img"><metadata
+     id="metadata35"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs33" /><g
+     id="g28"
+     transform="matrix(1.25,0,0,-1.25,-6.7752613e-4,100.00096)"><g
+       id="g26"
+       transform="scale(0.1)"><g
+         transform="translate(68.08042,192.54384)"
+         id="g3745"><path
+           style="fill:#e4154b"
+           d="M 0,103.73 H 207.45 V 311.19 L 0,311.2 Z"
+           id="path2" /><path
+           style="fill:#e4154b"
+           d="M 228.19,103.73 H 435.65 V 311.19 H 228.19 Z"
+           id="path4" /><path
+           style="fill:#e4154b"
+           d="M 456.41,103.73 H 663.85 V 311.19 H 456.41 Z"
+           id="path6" /><path
+           style="fill:#e4154b"
+           d="M 103.72,0 H 311.19 V 207.46 H 103.72 Z"
+           id="path8" /><path
+           style="fill:#e4154b"
+           d="M 352.68,207.46 H 560.12 V 414.92 H 352.68 Z"
+           id="path10" /></g></g></g></svg>
\ No newline at end of file
--- a/toolkit-showcase/assets/icon-128x128.png
+++ b/toolkit-showcase/assets/icon-128x128.png
--- a/toolkit-showcase/assets/icon-144x144.png
+++ b/toolkit-showcase/assets/icon-144x144.png
--- a/toolkit-showcase/assets/icon-152x152.png
+++ b/toolkit-showcase/assets/icon-152x152.png
--- a/toolkit-showcase/assets/icon-16x16.png
+++ b/toolkit-showcase/assets/icon-16x16.png
--- a/toolkit-showcase/assets/icon-180x180.png
+++ b/toolkit-showcase/assets/icon-180x180.png
--- a/toolkit-showcase/assets/icon-192.png
+++ b/toolkit-showcase/assets/icon-192.png
--- a/toolkit-showcase/assets/icon-192x192.png
+++ b/toolkit-showcase/assets/icon-192x192.png
--- a/toolkit-showcase/assets/icon-256x256.png
+++ b/toolkit-showcase/assets/icon-256x256.png
--- a/toolkit-showcase/assets/icon-32x32.png
+++ b/toolkit-showcase/assets/icon-32x32.png
--- a/toolkit-showcase/assets/icon-384x384.png
+++ b/toolkit-showcase/assets/icon-384x384.png
--- a/toolkit-showcase/assets/icon-512.png
+++ b/toolkit-showcase/assets/icon-512.png
--- a/toolkit-showcase/assets/icon-512x512.png
+++ b/toolkit-showcase/assets/icon-512x512.png
--- a/toolkit-showcase/assets/icon-72x72.png
+++ b/toolkit-showcase/assets/icon-72x72.png
--- a/toolkit-showcase/assets/icon-96x96.png
+++ b/toolkit-showcase/assets/icon-96x96.png
--- a/toolkit-showcase/assets/logo.svg
+++ b/toolkit-showcase/assets/logo.svg
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="int-header-logo-img"
-   width="105.82501pt"
-   height="105.82501pt"
-   version="1.1"
-   viewBox="0 0 141.10003 141.10139"
-   sodipodi:docname="tu-graz-logo-white.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata35">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs33" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2302"
-     inkscape:window-height="1379"
-     id="namedview31"
-     showgrid="false"
-     units="pt"
-     inkscape:zoom="1.4182226"
-     inkscape:cx="162.3796"
-     inkscape:cy="-160.98113"
-     inkscape:window-x="0"
-     inkscape:window-y="54"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="int-header-logo-img" />
-  <g
-     transform="matrix(1.25,0,0,-1.25,0,96.4832)"
-     id="g28">
-    <g
-       transform="scale(0.1)"
-       id="g26">
-      <path
-         d="M 0,103.73 H 207.45 V 311.19 L 0,311.2 Z"
-         style="fill:#e4154b"
-         id="path2"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 228.19,103.73 H 435.65 V 311.19 H 228.19 Z"
-         style="fill:#e4154b"
-         id="path4"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 456.41,103.73 H 663.85 V 311.19 H 456.41 Z"
-         style="fill:#e4154b"
-         id="path6"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 103.72,0 H 311.19 V 207.46 H 103.72 Z"
-         style="fill:#e4154b"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 352.68,207.46 H 560.12 V 414.92 H 352.68 Z"
-         style="fill:#e4154b"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 751.04,277.91 h -66.426 v 33.195 h 171.19 V 277.91 H 789.397 V 104.18 h -38.359 v 173.73"
-         style="fill:#fffff4"
-         id="path12"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 1048.3,180.22 c 0,-12.461 -2.25,-23.711 -6.72,-33.75 -4.5,-10.039 -10.61,-18.555 -18.36,-25.567 -7.76,-7.031 -16.9,-12.421 -27.503,-16.21 -10.605,-3.809 -22.109,-5.7036 -34.551,-5.7036 -12.422,0 -23.945,1.8946 -34.551,5.7036 -10.605,3.789 -19.824,9.179 -27.656,16.21 -7.851,7.012 -13.984,15.528 -18.34,25.567 -4.394,10.039 -6.582,21.289 -6.582,33.75 v 130.89 h 38.379 V 181.52 c 0,-5.039 0.801,-10.351 2.442,-15.898 1.64,-5.547 4.336,-10.664 8.125,-15.332 3.789,-4.668 8.789,-8.516 15.039,-11.523 6.211,-3.008 13.926,-4.512 23.144,-4.512 9.199,0 16.914,1.504 23.145,4.512 6.23,3.007 11.25,6.855 15.039,11.523 3.77,4.668 6.48,9.785 8.12,15.332 1.63,5.547 2.45,10.859 2.45,15.898 v 129.59 h 38.38 V 180.22"
-         style="fill:#ffffff"
-         id="path14"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 832.56,75.664 c -7.597,3.2812 -17.46,4.8632 -25.332,4.8632 -22.929,0 -35.605,-14.434 -35.605,-33.184 0,-18.613 12.383,-32.637 33.34,-32.637 5.351,0 9.59,0.5274 12.969,1.3086 v 23.867 h -20.84 v 14.414 h 39.687 V 4.9988 c -10.41,-2.6172 -21.25,-4.707 -31.816,-4.707 -31.797,0 -53.906,14.805 -53.906,45.742 0,31.348 20.566,48.906 53.906,48.906 11.406,0 20.41,-1.4453 28.867,-3.8086 l -1.27,-15.469"
-         style="fill:#fffff8"
-         id="path16"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 856.2,69.375 h 16.758 V 54.043 h 0.293 c 0.84,6.289 8.574,16.914 19.824,16.914 1.836,0 3.828,0 5.782,-0.5273 v -17.715 c -1.68,0.918 -5.059,1.4454 -8.457,1.4454 -15.333,0 -15.333,-17.832 -15.333,-27.52 V 1.8551 H 856.2 v 67.52"
-         style="fill:#fffff8"
-         id="path18"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 913.75,65.84 c 7.324,3.1446 17.187,5.1172 25.215,5.1172 22.09,0 31.23,-8.5351 31.23,-28.457 v -8.6523 c 0,-6.8165 0.156,-11.934 0.293,-16.914 0.137,-5.1172 0.41,-9.8242 0.84,-15.078 h -16.602 c -0.703,3.5352 -0.703,8.0078 -0.839,10.098 h -0.293 c -4.36,-7.4618 -13.81,-11.661 -22.38,-11.661 -12.793,0 -25.332,7.207 -25.332,20.059 0,10.078 5.195,15.976 12.383,19.258 7.187,3.2812 16.464,3.9453 24.355,3.9453 h 10.41 c 0,10.879 -5.195,14.551 -16.328,14.551 -8.008,0 -16.035,-2.8907 -22.363,-7.3438 l -0.586,15.078 z m 22.11,-52.715 c 5.782,0 10.274,2.3633 13.223,6.0352 3.105,3.8086 3.945,8.6523 3.945,13.906 h -8.164 c -8.437,0 -20.957,-1.3086 -20.957,-11.68 0,-5.7617 5.195,-8.2617 11.953,-8.2617"
-         style="fill:#fffff8"
-         id="path20"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 985.69,69.375 h 57.422 V 54.961 l -36.04,-39.473 h 37.31 V 1.855 h -60.235 v 14.297 l 36.715,39.59 H 985.69 v 13.633"
-         style="fill:#fffff8"
-         id="path22"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 1059.6,0 h 69.102 V 69.121 H 1059.6 Z"
-         style="fill:#e4154b"
-         id="path24"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
--- a/toolkit-showcase/assets/manifest.json
+++ b/toolkit-showcase/assets/manifest.json
 {
  "short_name": "Toolkit Showcase",
  "name": "Toolkit Showcase",
-  "start_url": "./dbp-toolkit-showcase.html",
+  "start_url": "./",
  "icons": [
    {
-      "src": "local/dbp-toolkit-showcase/icon-192.png",
-      "type": "image/png",
-      "sizes": "192x192"
+      "src": "local/dbp-toolkit-showcase/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
    },
    {
-      "src": "local/dbp-toolkit-showcase/icon-512.png",
-      "type": "image/png",
-      "sizes": "512x512"
+      "src": "local/dbp-toolkit-showcase/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "local/dbp-toolkit-showcase/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
    }
  ],
-  "background_color": "#245B78",
+  "background_color": "#FEFEFE",
  "display": "standalone",
-  "theme_color": "#E4154B"
+  "theme_color": "#FFFFFF"
 }
-