docs(blog): add favicon

Entire-Checkpoint: c6e522b4276c

apps/website/public/site.webmanifest

@@ -0,0 +1,18 @@
+{
+  "name": "IPTVnator",
+  "short_name": "IPTVnator",
+  "icons": [
+    {
+      "src": "/iptvnator/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/iptvnator/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#0a0a08",
+  "background_color": "#0a0a08"
+}

apps/website/src/components/BaseHead.astro

@@ -35,7 +35,11 @@ const schemaPayload = jsonLd
 
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<link rel="icon" type="image/x-icon" href="/iptvnator/favicon.ico" />
+<link rel="icon" href="/iptvnator/favicon.ico" sizes="any" />
+<link rel="icon" type="image/png" sizes="16x16" href="/iptvnator/favicon-16x16.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/iptvnator/favicon-32x32.png" />
+<link rel="apple-touch-icon" sizes="180x180" href="/iptvnator/apple-touch-icon.png" />
+<link rel="manifest" href="/iptvnator/site.webmanifest" />
 <meta name="generator" content={Astro.generator} />
 <meta name="robots" content={robotsContent} />
 <meta name="referrer" content="strict-origin-when-cross-origin" />

apps/website/src/components/FeaturedBlogPost.astro

@@ -34,7 +34,7 @@ const formattedDate = pubDate.toLocaleDateString('en-US', {
       ) : (
         <div class="flex aspect-video w-full items-center justify-center bg-gradient-to-br from-surface-800 to-surface-900">
           <img
-            src="/iptvnator/favicon.ico"
+            src="/iptvnator/favicon-256x256.png"
             alt=""
             class="h-12 w-12 opacity-20"
           />

apps/website/src/components/Footer.astro

@@ -45,7 +45,7 @@ const socialLinks = [
       <div class="text-center md:text-left">
         <div class="flex items-center justify-center gap-2.5 md:justify-start">
           <img
-            src="/iptvnator/favicon.ico"
+            src="/iptvnator/favicon-256x256.png"
             alt="IPTVnator logo"
             class="h-6 w-6"
           />

apps/website/src/components/Header.astro

@@ -17,7 +17,7 @@ const navLinks = [
     <!-- Logo -->
     <a href="/iptvnator/" class="flex items-center gap-3 group">
       <img
-        src="/iptvnator/favicon.ico"
+        src="/iptvnator/favicon-256x256.png"
         alt="IPTVnator logo"
         class="h-7 w-7 transition-transform duration-300 group-hover:scale-110"
       />

apps/website/src/layouts/BlogPost.astro

@@ -45,7 +45,7 @@ const blogPostSchema = {
     url: 'https://4gray.github.io/iptvnator/',
     logo: {
       '@type': 'ImageObject',
-      url: 'https://4gray.github.io/iptvnator/favicon.ico',
+      url: 'https://4gray.github.io/iptvnator/favicon-256x256.png',
     },
   },
   mainEntityOfPage: canonicalURL,