more comprehensive favicon options

Author: akollegger

astro.config.mjs

@@ -8,6 +8,7 @@ export default defineConfig({
   site: 'https://graphrag.com',
   integrations: [starlight({
     title: 'GraphRAG',
+    favicon: '/favicon.ico',
     logo: {
       src: './src/assets/images/graphrag-logo.svg'
     },
@@ -19,16 +20,52 @@ export default defineConfig({
       baseUrl: 'https://github.com/graphrag/graphrag.github.io/edit/main/'
     },
     lastUpdated: true,
-    head: [{
-      tag: 'script',
-      attrs: {
-        async: true,
-        src: 'https://www.googletagmanager.com/gtag/js?id=G-DL38Q8KGQC'
+    head: [
+      {
+        tag: 'script',
+        attrs: {
+          async: true,
+          src: 'https://www.googletagmanager.com/gtag/js?id=G-DL38Q8KGQC'
+        }
+      },
+      {
+        tag: 'link',
+        attrs: { 
+          rel:"apple-touch-icon",
+          sizes:"180x180",
+          href:"/apple-touch-icon.png"
+        }
+      },
+      {
+        tag: 'link',
+        attrs: {
+          rel:"icon",
+          type:"image/png",
+          sizes:"32x32",
+          href:"/favicon-32x32.png"
+        }
+      },
+      {
+        tag: 'link',
+        attrs: {
+          rel:"icon",
+          type:"image/png",
+          sizes:"16x16",
+          href:"/favicon-16x16.png"
+        },
+      },
+      {
+        tag: 'link',
+        attrs: {
+          rel:"manifest",
+          href:"/site.webmanifest"
+        }
+      }, 
+      {
+        tag: 'script',
+        content: "  window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DL38Q8KGQC');"
       }
-    }, {
-      tag: 'script',
-      content: "  window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DL38Q8KGQC');"
-    }],
+    ],
     customCss: [
       // Path to your Tailwind base styles:
       './src/tailwind.css',

public/android-chrome-192x192.png

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

public/android-chrome-512x512.png

@@ -1,6 +1,7 @@
 ---
+import { Code } from 'astro:components';
 
-import { Effect, Either } from "effect"
+import { Effect, Either, ParseResult } from "effect"
 import { FetchHttpClient } from "@effect/platform"
 
 import { getArxivDetails } from '../../../lib/arxiv'
@@ -28,7 +29,7 @@ const fetchedEntry = await Effect.runPromise(fetchPaper)
     onLeft: (error) => (
       <div>
         <h1>Failed to fetch {arxivid}</h1>
-        <pre>{error.message}</pre>
+        <pre>{ParseResult.TreeFormatter.formatErrorSync(error)}</pre>
       </div>
     ),
     onRight: (arxivEntry) => (<GrArxivPage arxiv={arxivEntry} />)