Merge pull request #58 from compolabs/feat/755

[755] Add new favicon ico
compolabs · Feb 16, 2024 · 8617e44 · 8617e44
2 parents 2c06845 + e89f944
commit 8617e44
Show file tree

Hide file tree

Showing 12 changed files with 26 additions and 39 deletions.
diff --git a/spark-frontend/public/android-chrome-192x192.png b/spark-frontend/public/android-chrome-192x192.png
diff --git a/spark-frontend/public/android-chrome-512x512.png b/spark-frontend/public/android-chrome-512x512.png
diff --git a/spark-frontend/public/apple-touch-icon.png b/spark-frontend/public/apple-touch-icon.png
diff --git a/spark-frontend/public/favicon-16x16.png b/spark-frontend/public/favicon-16x16.png
diff --git a/spark-frontend/public/favicon-32x32.png b/spark-frontend/public/favicon-32x32.png
diff --git a/spark-frontend/public/favicon.ico b/spark-frontend/public/favicon.ico
diff --git a/spark-frontend/public/favicon.svg b/spark-frontend/public/favicon.svg
diff --git a/spark-frontend/public/index.html b/spark-frontend/public/index.html
@@ -3,19 +3,19 @@
   <head>
     <meta charset="utf-8" />
     <script src="%PUBLIC_URL%/datafeeds/udf/dist/bundle.js"></script>
-    <link rel="icon" href="%PUBLIC_URL%/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="A Decentralized Order Book on Fuel.Network"
+    <meta name="description" content="A Decentralized Order Book on Fuel.Network"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

diff --git a/spark-frontend/public/logo192.png b/spark-frontend/public/logo192.png
diff --git a/spark-frontend/public/logo512.png b/spark-frontend/public/logo512.png
diff --git a/spark-frontend/public/manifest.json b/spark-frontend/public/manifest.json
diff --git a/spark-frontend/public/site.webmanifest b/spark-frontend/public/site.webmanifest
@@ -0,0 +1,20 @@
+{
+  "name": "Spark",
+  "short_name": "Spark",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}