add manifest and icons

This commit is contained in:
Thomas Amland 2020-07-30 10:24:33 +02:00
parent 6f630bc73b
commit e364b008e6
5 changed files with 30 additions and 3 deletions

BIN
public/icon-192x192.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
public/icon-512x512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@ -1,6 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="512" height="512" fill="#444" version="1.1" viewBox="0 0 135.47 135.47" <svg width="512" height="512" fill="#fff" version="1.1" viewBox="0 0 135.47 135.47"
xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#"> xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#">
<rect width="100%" height="100%" fill="#09f"/>
<g transform="translate(0 -161.53)"> <g transform="translate(0 -161.53)">
<g transform="matrix(1.0344 0 0 1.0869 -2.0685 -19.991)"> <g transform="matrix(1.0344 0 0 1.0869 -2.0685 -19.991)">
<rect x="9.9294" y="224.55" width="5.9939" height="23.366" rx="2.997" ry="2.997" /> <rect x="9.9294" y="224.55" width="5.9939" height="23.366" rx="2.997" ry="2.997" />

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -4,7 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="<%= BASE_URL %>favicon.svg"> <link rel="icon" href="<%= BASE_URL %>icon.svg">
<link rel=manifest href="<%= BASE_URL %>manifest.webmanifest">
<title></title> <title></title>
</head> </head>
<body> <body>

View File

@ -0,0 +1,25 @@
{
"name": "Airsonic",
"short_name": "Airsonic",
"start_url": "/",
"display": "standalone",
"theme_color": "#09F",
"background_color": "#09F",
"icons": [
{
"src": "./icon.svg",
"type": "image/svg",
"sizes": "any"
},
{
"src": "./icon-192x192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "./icon-512x512.png",
"type": "image/png",
"sizes": "512x512"
}
]
}