fix: safari favicon (#2574)

unionlabs · Jul 25, 2024 · d564fff · d564fff
2 parents 9103d7e + 20e7684
commit d564fff
Show file tree

Hide file tree

Showing 9 changed files with 65 additions and 8 deletions.
diff --git a/site/public/android-chrome-192x192.png b/site/public/android-chrome-192x192.png
diff --git a/site/public/android-chrome-512x512.png b/site/public/android-chrome-512x512.png
diff --git a/site/public/apple-touch-icon.png b/site/public/apple-touch-icon.png
diff --git a/site/public/favicon-16x16.png b/site/public/favicon-16x16.png
diff --git a/site/public/favicon-32x32.png b/site/public/favicon-32x32.png
diff --git a/site/public/favicon.ico b/site/public/favicon.ico
diff --git a/site/public/manifest.webmanifest b/site/public/manifest.webmanifest
@@ -1,6 +1,7 @@
 {
   "icons": [
-    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
+    {
+       "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
     { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
-  ]
+  ] 
 }
diff --git a/site/public/site.webmanifest b/site/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "union.build",
+  "short_name": "union.build",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#A0ECFD",
+  "background_color": "#000000",
+  "display": "standalone"
+}
diff --git a/site/src/layouts/BaseLayout.astro b/site/src/layouts/BaseLayout.astro
@@ -66,18 +66,43 @@ const openGraphImage = `${image}?fit=fill&f=center&fm=png&w=1200&h=630`
       }}
       extend={{
         link: [
+          {
+            rel: "manifest",
+            href: "/manifest.webmanifest",
+            crossorigin: "use-credentials"
+          },
+          {
+            rel: "apple-touch-icon",
+            href: `${BASE_URL}/apple-touch-icon.png`,
+          },
           {
             rel: "alternate",
             type: "application/rss+xml",
             title: "Union",
             href: `${Astro.site}rss.xml`
           },
-          { rel: "sitemap", href: "/sitemap-index.xml" },
           {
             rel: "icon",
-            href: `${BASE_URL}/favicon.svg`,
-            type: "image/svg+xml"
-          }
+            sizes: "16x16",
+            type: "image/png",
+            href: `${BASE_URL}/favicon-16x16.png`
+          },
+          {
+            rel: "icon",
+            sizes: "32x32",
+            type: "image/png",
+            href: `${BASE_URL}/favicon-32x32.png`
+          },
+          {
+            rel: "icon",
+            type: "image/svg+xml",
+            href: `${BASE_URL}/favicon.svg`
+          },
+          {
+            rel: "icon",
+            href: `${BASE_URL}/favicon.ico`
+          },
+          { rel: "sitemap", href: "/sitemap-index.xml" }
         ],
         meta: [
           { name: "robots", content: "index, follow" },