feat: logo and open graph

astro.config.mjs

@@ -1,28 +1,34 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
-import { ExpressiveCodeTheme } from "@astrojs/starlight/expressive-code"
+import { ExpressiveCodeTheme } from "@astrojs/starlight/expressive-code";
-import themeJson from "./src/styles/theme.json"
+import themeJson from "./src/styles/theme.json";
-import darkThemeJson from "./src/styles/theme-dark.json"
+import darkThemeJson from "./src/styles/theme-dark.json";
 
 import { navigation } from "./src/components/navigation.ts";
 
-const sakuraDreams = ExpressiveCodeTheme.fromJSONString(JSON.stringify(themeJson));
+const sakuraDreams = ExpressiveCodeTheme.fromJSONString(
-const sakuraDreamsDark = ExpressiveCodeTheme.fromJSONString(JSON.stringify(darkThemeJson));
+  JSON.stringify(themeJson)
+);
+const sakuraDreamsDark = ExpressiveCodeTheme.fromJSONString(
+  JSON.stringify(darkThemeJson)
+);
 
 export default defineConfig({
   site: "https://docs.nhcarrigan.com",
-  integrations: [starlight({
+  integrations: [
+    starlight({
       components: {
         Footer: "./src/components/Footer.astro",
         ThemeProvider: "./src/components/ThemeProvider.astro",
       },
       title: "NHCarrigan Docs",
       sidebar: navigation,
-    tableOfContents: { minHeadingLevel: 2, maxHeadingLevel: 4},
+      tableOfContents: { minHeadingLevel: 2, maxHeadingLevel: 4 },
-    description: "This site contains all of the documentation related to NHCarrigan, its Policies, and its Projects.",
+      description:
+        "This site contains all of the documentation related to NHCarrigan, its Policies, and its Projects.",
       editLink: {
         baseUrl: "https://git.nhcarrigan.com/nhcarrigan/docs/_edit/main/",
-      label: "Edit this page on Naomi's Self-hosted Git instance"
+        label: "Edit this page on Naomi's Self-hosted Git instance",
       },
       lastUpdated: true,
       social: {
@@ -31,7 +37,12 @@ export default defineConfig({
         mastodon: "https://fedi.nhcarrigan.com/@naomi",
         matrix: "https://matrix.nhcarrigan.com",
         rss: "https://irc.nhcarrigan.com",
-      email: "mailto:contact@nhcarrigan.com"
+        email: "mailto:contact@nhcarrigan.com",
+      },
+      logo: {
+        src: "./public/logo.png",
+        alt: "NHCarrigan Logo",
+        replacesTitle: true
       },
       head: [
         {
@@ -43,11 +54,12 @@ export default defineConfig({
             defer: true,
             "data-domain": "nhcarrigan.com",
             "event-domain": "docs.nhcarrigan.com",
-        }
+          },
         },
         {
           tag: "script",
-        content: "window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }"
+          content:
+            "window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }",
         },
         {
           tag: "script",
@@ -55,15 +67,15 @@ export default defineConfig({
             type: "text/javascript",
             id: "trees",
             src: "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0",
-          defer: true
+            defer: true,
-        }
+          },
         },
         {
           tag: "link",
           attrs: {
             rel: "icon",
-          href: "/logo.png"
+            href: "./public/logo.png",
-        }
+          },
         },
         {
           tag: "script",
@@ -71,17 +83,21 @@ export default defineConfig({
             type: "text/javascript",
             src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3569924701890974",
             async: true,
-          crossorigin: "anonymous"
+            crossorigin: "anonymous",
+          },
+        },
+        {
+          tag: "meta",
+          attrs: {
+            property: "og:image",
+            content: "https://cdn.nhcarrigan.com/og-image.png"
           }
         }
       ],
-    customCss: [
+      customCss: ["./src/styles/style.css", "./src/fonts/font-face.css"],
-      "./src/styles/style.css",
-      "./src/fonts/font-face.css"
-    ],
       expressiveCode: {
         themes: [sakuraDreams, sakuraDreamsDark],
-    }
+      },
     }),
-]
+  ],
 });