add web app manifest so site can be installed as a desktop app (v4)

Adds manifest.json + a 512x512 icon and links them from layout.njk, so
Edge/Chrome can install the site as a standalone app window from a
desktop shortcut while it keeps loading live from the server.
This commit is contained in:
2026-07-18 15:02:57 -04:00
parent 8ebbbadf98
commit 6db47427ad
4 changed files with 20 additions and 0 deletions
+6
View File
@@ -1,5 +1,11 @@
# Release Notes # Release Notes
## v4 — 2026-07-18
- Added a web app manifest (`manifest.json`) and a 512x512 icon, so the site
can be installed as a desktop app from Edge/Chrome — opens in its own
window instead of a browser tab, while still loading live from the server.
## v3 — 2026-07-16 ## v3 — 2026-07-16
- Added a favicon (clock + "H" mark), with a transparent icon set for - Added a favicon (clock + "H" mark), with a transparent icon set for
Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

+12
View File
@@ -0,0 +1,12 @@
{
"name": "Harding's Service",
"short_name": "Harding's Service",
"start_url": "/",
"display": "standalone",
"background_color": "#F2E8D5",
"theme_color": "#4A2810",
"icons": [
{ "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" }
]
}
+2
View File
@@ -9,6 +9,8 @@
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-192.png">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#4A2810">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<script src="/vendor/htmx/htmx.min.js" defer></script> <script src="/vendor/htmx/htmx.min.js" defer></script>
</head> </head>