change favicon + add manifest

build.mjs

@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
-import * as esbuild from "esbuild";
 import autoprefixer from "autoprefixer";
-import postcssPresetEnv from "postcss-preset-env";
+import * as esbuild from "esbuild";
 import { sassPlugin } from "esbuild-sass-plugin";
 import * as fs from "fs";
 import * as fse from "fs-extra/esm";
 import postcss from "postcss";
+import postcssPresetEnv from "postcss-preset-env";
 
 const postcssPlugins = [autoprefixer(), postcssPresetEnv({ stage: 0 })];
 
@@ -34,6 +34,7 @@ let ctx = await esbuild.context({
 });
 if (!fs.existsSync("out")) fs.mkdirSync("out");
 fs.copyFileSync("./index.html", "./out/index.html");
+fs.copyFileSync("./manifest.json", "./out/manifest.json");
 fse.copySync("./media", "./out/media");
 
 if (process.argv[2] == "prod") {

index.html

@@ -9,7 +9,8 @@
     <meta name="author" content="MRT Mapping Services" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="icon" type="image/png" href="./media/map.png" />
+    <link rel="icon" type="image/png" href="media/map192.png" />
+    <link rel="manifest" href="manifest.json">
 
     <link rel="stylesheet" href="out.css" />
     <script defer src="out.js"></script>

manifest.json

@@ -0,0 +1,24 @@
+{
+  "name": "MRT City Map",
+  "description": "A detailed map of the Minecart Rapid Transit server, inspired by OpenStreetMap",
+  "icons": [
+    {
+      "src": "/media/map512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/media/map192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ],
+  "id": "/",
+  "start_url": "/",
+  "background_color": "#ccc",
+  "display": "minimal-ui",
+  "scope": "/",
+  "theme_color": "#ccc",
+  "shortcuts": [],
+  "screenshots": []
+}