Enable PWA mode

* Full screen support
* Avoid reload at startup if the app was already added to the home
* Match the top status bar color
This commit is contained in:
Daniele Tonon 2023-01-30 12:31:20 +01:00
parent 6513463cd2
commit dd5a9e3d1e
2 changed files with 50 additions and 11 deletions

15
public/manifest.json Normal file
View File

@ -0,0 +1,15 @@
{
"short_name": "Hamstr",
"name": "Hamstr - Nostr client",
"start_url": "/home",
"display": "standalone",
"theme_color": "#15202b",
"background_color": "#15202b",
"icons": [
{
"src": "icons/favicon-256x256.png",
"sizes": "256x256",
"type": "image/png"
}
]
}

View File

@ -3,17 +3,41 @@
<head> <head>
<title><%= productName %></title> <title><%= productName %></title>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="description" content="<%= productDescription %>"> <meta name="description" content="<%= productDescription %>" />
<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" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"> <meta
name="viewport"
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png"> content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png"> />
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png"> <link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png"> <meta name="theme-color" content="#15202b" />
<link rel="icon" type="image/ico" href="favicon.png"> <link
rel="icon"
type="image/png"
sizes="128x128"
href="icons/favicon-128x128.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="icons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="icons/favicon-16x16.png"
/>
<link rel="icon" type="image/ico" href="favicon.png" />
</head> </head>
<body> <body>
<!-- DO NOT touch the following DIV --> <!-- DO NOT touch the following DIV -->