add favicon & icon

This commit is contained in:
Robert Jeutter 2021-06-24 11:53:43 +02:00
parent 181b6c41da
commit cdca730448
2 changed files with 11 additions and 10 deletions

View File

@ -12,12 +12,15 @@
<meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" /> <meta name="msapplication-tap-highlight" content="no" />
<link rel="shortcut icon" type="image/png" href="<%= BASE_URL %>img/favicon.ico" /> <link rel="shortcut icon" type="image/png" href="/img/favicon.ico" />
<link rel="favicon" type="image/png" href="/img/favicon.ico?" />
<link rel="icon" type="image/png" href="/img/icon.png?" />
<link rel="manifest" href="/manifest.json">
<!-- add to homescreen for ios --> <!-- add to homescreen for ios -->
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="Cocktail Shaker App" /> <meta name="apple-mobile-web-app-title" content="Cocktail Shaker App" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-mobile-web-app-status-bar-style" content="rgb(202, 0, 152)" />
</head> </head>
<body> <body>

View File

@ -1,27 +1,25 @@
{ {
"name": "cocktail-shaker", "name": "cocktail-shaker",
"short_name": "CS", "short_name": "CS",
"description": "shake your way to a new cocktail",
"theme_color": "#4DBA87", "theme_color": "#4DBA87",
"icons": [{ "icons": [{
"src": "./img/favicon.ico", "src": "./img/favicon.ico",
"sizes": "32x32", "sizes": "32x32",
"type": "image/png", "type": "image/png"
"purpose": "maskable"
}, },
{ {
"src": "./img/icon.png", "src": "./img/icon.png",
"sizes": "32x32", "sizes": "32x32",
"type": "image/png", "type": "image/png"
"purpose": "maskable"
}, },
{ {
"src": "./img/splash.png", "src": "./img/splash.png",
"sizes": "128x128", "sizes": "128x128",
"type": "image/png", "type": "image/png"
"purpose": "maskable"
} }
], ],
"start_url": ".", "start_url": "/",
"display": "standalone", "display": "standalone",
"background_color": "#000000" "background_color": "rgb(202, 0, 152)"
} }