Add PWA setup
24
index.html
|
@ -3,14 +3,32 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Elektrofoni</title>
|
<title>Elektrofoni</title>
|
||||||
|
|
||||||
|
<link rel="manifest" href="./manifest.json">
|
||||||
|
|
||||||
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="application-name" content="Elektrofoni">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Elektrofoni">
|
||||||
|
<meta name="theme-color" content="#abcdef">
|
||||||
|
<meta name="msapplication-navbutton-color" content="#abcdef">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<meta name="msapplication-starturl" content="/">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
|
||||||
|
<link rel="icon" type="image/png" sizes="700x700" href="./priv/assets/logo/Logo.png">
|
||||||
|
<link rel="apple-touch-icon" type="image/png" sizes="700x700" href="./priv/assets/logo/Logo.png">
|
||||||
|
<link rel="icon" type="image/webp" sizes="700x700" href="./priv/assets/logo/Logo.webp">
|
||||||
|
<link rel="apple-touch-icon" type="image/webp" sizes="700x700" href="./priv/assets/logo/Logo.webp">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="./priv/assets/favicon/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="./priv/assets/favicon/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="./priv/assets/favicon/favicon-16x16.png">
|
||||||
|
<link rel="manifest" href="./priv/assets/favicon/site.webmanifest">
|
||||||
|
|
||||||
<link rel="stylesheet" href="./normalize.css" type="text/css">
|
<link rel="stylesheet" href="./normalize.css" type="text/css">
|
||||||
<link rel="stylesheet" href="./vendor/bootstrap-icons/bootstrap-icons.min.css" type="text/css">
|
<link rel="stylesheet" href="./vendor/bootstrap-icons/bootstrap-icons.min.css" type="text/css">
|
||||||
<link rel="stylesheet" href="./style.css" type="text/css">
|
<link rel="stylesheet" href="./style.css" type="text/css">
|
||||||
<link rel="icon"
|
|
||||||
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2210 0 100 100%22><text y=%22.90em%22 font-size=%2290%22>🎧</text></svg>">
|
|
||||||
|
|
||||||
<script type="module">
|
<script type="module">
|
||||||
import { main } from "./build/dev/javascript/elektrofoni/elekf/web/main.mjs";
|
import { main } from "./build/dev/javascript/elektrofoni/elekf/web/main.mjs";
|
||||||
|
|
22
manifest.json
Normal file
|
@ -0,0 +1,22 @@
|
||||||
|
{
|
||||||
|
"name": "Elektrofoni",
|
||||||
|
"short_name": "Elektrofoni",
|
||||||
|
"description": "Client app for the iBroadcast music service",
|
||||||
|
"categories": ["music"],
|
||||||
|
"lang": "en",
|
||||||
|
"start_url": "/elektrofoni/",
|
||||||
|
"display": "standalone",
|
||||||
|
"theme_color": "#abcdef",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "./priv/assets/logo/Logo.png",
|
||||||
|
"sizes": "700x700",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "./priv/assets/logo/Logo.webp",
|
||||||
|
"sizes": "700x700",
|
||||||
|
"type": "image/webp"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
BIN
priv/assets/favicon/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
priv/assets/favicon/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 306 KiB |
BIN
priv/assets/favicon/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 53 KiB |
BIN
priv/assets/favicon/favicon-16x16.png
Normal file
After Width: | Height: | Size: 992 B |
BIN
priv/assets/favicon/favicon-32x32.png
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
priv/assets/favicon/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
19
priv/assets/favicon/site.webmanifest
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
{
|
||||||
|
"name": "",
|
||||||
|
"short_name": "",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "./priv/assets/favicon/android-chrome-192x192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "./priv/assets/favicon/android-chrome-512x512.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"theme_color": "#ffffff",
|
||||||
|
"background_color": "#ffffff",
|
||||||
|
"display": "standalone"
|
||||||
|
}
|
BIN
priv/assets/logo/Logo.png
Normal file
After Width: | Height: | Size: 404 KiB |
BIN
priv/assets/logo/Logo.webp
Normal file
After Width: | Height: | Size: 288 KiB |