PWA config

emeraldwalk · Apr 3, 2024 · 05c167e · 05c167e
1 parent 382903c
commit 05c167e
Show file tree

Hide file tree

Showing 11 changed files with 48 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,7 @@
 # IOT Charts
 
 https://emeraldwalk.github.io/iot-charts/
+
+## Icon Generation
+
+https://favicon.io/favicon-generator/
diff --git a/assets/about.txt b/assets/about.txt
@@ -0,0 +1,6 @@
+This favicon was generated using the following font:
+
+- Font Title: Noto Sans
+- Font Author: Copyright 2022 The Noto Project Authors (https://github.com/notofonts/latin-greek-cyrillic)
+- Font Source: https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A99d41P6zHtY.ttf
+- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))
diff --git a/assets/android-chrome-192x192.png b/assets/android-chrome-192x192.png
diff --git a/assets/android-chrome-512x512.png b/assets/android-chrome-512x512.png
diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/assets/site.webmanifest b/assets/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "IOT Charts",
+  "short_name": "IOT",
+  "icons": [
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/index.html b/index.html
@@ -3,7 +3,25 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="manifest" href="manifest.json"/>
+    <link
+      rel="shortcut icon"
+      type="image/ico"
+      href="assets/favicon-ALXmemir.ico" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="assets/apple-touch-icon-rgagzx0g.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="assets/favicon-32x32-ZmHFtdgA.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="assets/favicon-16x16-rn22XzRx.png" />
+    <link rel="manifest" href="assets/site.webmanifest" />
     <title>IOT Charts</title>
     <script src="plotly-2.30.0.min.js" charset="utf-8"></script>
     <script type="module">

diff --git a/manifest.json b/manifest.json