fix favicon (#31)

ringecosystem · Jun 14, 2024 · 14c3ea0 · 14c3ea0
1 parent d3d52a6
commit 14c3ea0
Show file tree

Hide file tree

Showing 9 changed files with 52 additions and 27 deletions.
diff --git a/index.html b/index.html
@@ -1,38 +1,74 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="shortcut icon" href="/favicon.png">
-    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="Programmable Cross-Chain Messaging Port" />
-
+    <meta
+      name="description"
+      content="Programmable Cross-Chain Messaging Port"
+    />
+
     <!-- Social Meta Tags -->
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Msgport">
-    <meta property="og:description" content="Programmable Cross-Chain Messaging Port">
-    <meta property="og:image" content="/images/logo.png">
-    <meta property="og:url" content="https://msgport.xyz/">
+    <meta property="og:title" content="Msgport" />
+    <meta
+      property="og:description"
+      content="Programmable Cross-Chain Messaging Port"
+    />
+    <meta property="og:image" content="/images/logo.png" />
+    <meta property="og:url" content="https://msgport.xyz/" />
 
     <!-- Twitter -->
     <meta property="twitter:card" content="Msgport Twitter" />
     <meta property="twitter:url" content="https://twitter.com/msgport_xyz" />
     <meta property="twitter:title" content="Msgport" />
-    <meta property="twitter:description" content="Programmable Cross-Chain Messaging Port" />
+    <meta
+      property="twitter:description"
+      content="Programmable Cross-Chain Messaging Port"
+    />
     <meta property="twitter:image" content="/assets/icons/x.svg" />
 
     <!-- SEO Meta Tags -->
     <title>Msgport</title>
-    <meta name="keywords" content="msgport, cross-chain, messaging, communication, programmable">
-    <meta name="robots" content="index, follow">
-    <meta name="author" content="Msgport Team">
+    <meta
+      name="keywords"
+      content="msgport, cross-chain, messaging, communication, programmable"
+    />
+    <meta name="robots" content="index, follow" />
+    <meta name="author" content="Msgport Team" />
 
     <!-- Canonical URL -->
-    <link rel="canonical" href="https://example.com">
-
+    <link rel="canonical" href="https://example.com" />
+
+    <!-- favicon -->
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
+
+    <!-- For Android and Chrome  -->
+    <link rel="icon" type="image/png" sizes="48x48" href="favicon-48x48.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="favicon-192x192.png"
+    />
+
+    <!-- For iPads and iPhones -->
+    <link
+      rel="apple-touch-icon"
+      type="image/png"
+      sizes="167x167"
+      href="favicon-167x167.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      type="image/png"
+      sizes="180x180"
+      href="favicon-180x180.png"
+    />
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>
diff --git a/public/favicon-167x167.png b/public/favicon-167x167.png
diff --git a/public/favicon-180x180.png b/public/favicon-180x180.png
diff --git a/public/favicon-192x192.png b/public/favicon-192x192.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon-48x48.png b/public/favicon-48x48.png
diff --git a/public/favicon-96x96.png b/public/favicon-96x96.png
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/favicon.svg b/public/favicon.svg