website: updates

website/docusaurus.config.ts

@@ -82,7 +82,8 @@ logger.info(customFields);
 const config: Config = {
   title: 'xPack QEMU RISC-V',
   tagline: 'A binary distribution of QEMU RISC-V',
-  favicon: 'img/favicon.ico',
+  // Explicitly set in headTags.
+  // favicon: '/img/favicon.ico',
 
   // Set the production url of your site here
   url: 'https://xpack-dev-tools.github.io',
@@ -235,9 +236,58 @@ const config: Config = {
     './src/plugins/SelectReleasesPlugin',
   ],
 
+  // https://docusaurus.io/docs/api/docusaurus-config#headTags
+  headTags: [
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'icon',
+        type: 'image/png',
+        href: '/qemu-riscv/favicons/favicon-48x48.png',
+        sizes: '48x48'
+      }
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'icon',
+        type: 'image/svg+xml',
+        href: '/qemu-riscv/favicons/favicon.svg'
+      }
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'shortcut icon',
+        href: '/qemu-riscv/favicons/favicon.ico'
+      }
+    },
+    {
+      // This might also go to themeConfig.metadata.
+      tagName: 'meta',
+      attributes: {
+        name: 'apple-mobile-web-app-title',
+        content: 'xPack'
+      }
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'manifest',
+        href: '/qemu-riscv/favicons/site.webmanifest'
+      }
+    }
+  ],
+  // https://docusaurus.io/docs/seo
   themeConfig: {
     // Replace with your project's social card
     // image: 'img/docusaurus-social-card.jpg',
+    metadata: [
+      {
+        name: 'keywords',
+        content: 'xpack, binary, development, tools, qemu-riscv'
+      }
+    ],
     navbar: {
        // overriden by i18n/en/docusaurus-theme-classic.
       title: 'The xPack Binary Development Tools',

website/static/favicons/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "xPack",
+  "short_name": "xPack",
+  "icons": [
+    {
+      "src": "/qemu-riscv/favicons/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/qemu-riscv/favicons/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}