Add favicon + manifest

2026-06-28 14:01:42 +02:00 · 2026-01-10 01:19:36 -08:00
parent 50fcd286ba
commit 1e680a0c09
18 changed files with 70 additions and 2 deletions
@@ -2,8 +2,17 @@
 <html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="MCTerm" />
+    <meta name="theme-color" content="#0a0a0a" />
    <title>RemoteTerm for MeshCore</title>
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
    <script type="module" crossorigin src="/assets/index-Dp5zBAL9.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-C0BLxxTS.css">
  </head>
@@ -0,0 +1,24 @@
+{
+  "name": "MCTerm - MeshCore Terminal",
+  "short_name": "MCTerm",
+  "description": "Web interface for MeshCore mesh radio networks",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#0a0a0a",
+  "background_color": "#0a0a0a",
+  "display": "standalone",
+  "start_url": "/",
+  "scope": "/"
+}
@@ -2,8 +2,17 @@
 <html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="MCTerm" />
+    <meta name="theme-color" content="#0a0a0a" />
    <title>RemoteTerm for MeshCore</title>
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
  </head>
  <body>
    <div id="root"></div>
@@ -0,0 +1,24 @@
+{
+  "name": "MCTerm - MeshCore Terminal",
+  "short_name": "MCTerm",
+  "description": "Web interface for MeshCore mesh radio networks",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#0a0a0a",
+  "background_color": "#0a0a0a",
+  "display": "standalone",
+  "start_url": "/",
+  "scope": "/"
+}