Vilos92 · Vilos92 · Jun 7, 2026 · Jun 7, 2026 · Jun 7, 2026 · Jun 7, 2026
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,5 +1,40 @@
 // @ts-check
+import mdx from '@astrojs/mdx';
+import sitemap from '@astrojs/sitemap';
+import {vanillaExtractPlugin} from '@vanilla-extract/vite-plugin';
 import {defineConfig} from 'astro/config';
 
-// https://astro.build/config
-export default defineConfig({});
+/*
+ * Constants.
+ */
+
+const SITE_URL = 'https://greglinscheid.com';
+
+const SITEMAP_EXCLUDED_PATHS = ['/404/', '/500/'];
+
+/*
+ * Config.
+ */
+
+export default defineConfig({
+  site: SITE_URL,
+  trailingSlash: 'always',
+  markdown: {
+    syntaxHighlight: 'shiki',
+    shikiConfig: {
+      themes: {
+        light: 'github-light',
+        dark: 'github-dark'
+      }
+    }
+  },
+  integrations: [
+    mdx(),
+    sitemap({
+      filter: page => !SITEMAP_EXCLUDED_PATHS.some(path => page.includes(path))
+    })
+  ],
+  vite: {
+    plugins: [vanillaExtractPlugin()]
+  }
+});
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -17,6 +17,11 @@
     "fallow:audit": "fallow audit"
   },
   "devDependencies": {
+    "@astrojs/mdx": "^6.0.2",
+    "@astrojs/rss": "^4.0.18",
+    "@astrojs/sitemap": "^3.7.3",
+    "@vanilla-extract/css": "^1.20.1",
+    "@vanilla-extract/vite-plugin": "^5.2.2",
     "astro": "^6.4.4",
     "fallow": "^2.66.1",
     "typescript": "~6.0.2",

diff --git a/public/Resume - Greg Linscheid.pdf b/public/Resume - Greg Linscheid.pdf
diff --git a/public/blog/copyparty-2025-08-15.png b/public/blog/copyparty-2025-08-15.png
diff --git a/public/blog/copyparty.svg b/public/blog/copyparty.svg
diff --git a/public/blog/hello-world.jpg b/public/blog/hello-world.jpg
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/fonts/atkinson-bold.woff b/public/fonts/atkinson-bold.woff
diff --git a/public/fonts/atkinson-regular.woff b/public/fonts/atkinson-regular.woff
diff --git a/public/greg-portrait.jpg b/public/greg-portrait.jpg
diff --git a/public/milo-index.jpg b/public/milo-index.jpg
diff --git a/public/milo.png b/public/milo.png
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://greglinscheid.com/sitemap-index.xml
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -0,0 +1,43 @@
+---
+import '../styles/code.css.ts';
+import '../styles/global.css.ts';
+
+interface Props {
+  title: string;
+  description: string;
+  image?: string;
+}
+
+const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+
+const {title, description, image = '/blog/hello-world.jpg'} = Astro.props;
+---
+
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link rel="icon" href="/favicon.ico" />
+<meta name="generator" content={Astro.generator} />
+
+<link rel="preconnect" href="https://fonts.bunny.net" />
+<link
+  href="https://fonts.bunny.net/css?family=fraunces:opsz,wght@9..144,600;9..144,700|source-sans-3:400,600,700"
+  rel="stylesheet"
+/>
+
+<link rel="canonical" href={canonicalURL} />
+
+<title>{title}</title>
+<meta name="title" content={title} />
+<meta name="description" content={description} />
+
+<meta property="og:type" content="website" />
+<meta property="og:url" content={Astro.url} />
+<meta property="og:title" content={title} />
+<meta property="og:description" content={description} />
+<meta property="og:image" content={new URL(image, Astro.url)} />
+
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:url" content={Astro.url} />
+<meta name="twitter:title" content={title} />
+<meta name="twitter:description" content={description} />
+<meta name="twitter:image" content={new URL(image, Astro.url)} />
diff --git a/src/components/BaseLayout.astro b/src/components/BaseLayout.astro
@@ -0,0 +1,30 @@
+---
+import BaseHead from './BaseHead.astro';
+import Breadcrumbs from './Breadcrumbs.astro';
+import Footer from './Footer.astro';
+import {MAIN_CONTENT_ID, main, skipLink} from '../styles/global.css';
+
+interface Props {
+  title: string;
+  description: string;
+  image?: string;
+  hasBreadcrumbs?: boolean;
+}
+
+const {title, description, image, hasBreadcrumbs = true} = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <BaseHead title={title} description={description} image={image} />
+  </head>
+  <body>
+    <a class={skipLink} href={`#${MAIN_CONTENT_ID}`}>Skip to content</a>
+    <main class={main} id={MAIN_CONTENT_ID} tabindex="-1">
+      {hasBreadcrumbs ? <Breadcrumbs /> : undefined}
+      <slot />
+    </main>
+    <Footer />
+  </body>
+</html>
diff --git a/src/components/Breadcrumbs.astro b/src/components/Breadcrumbs.astro
@@ -0,0 +1,35 @@
+---
+import {
+  breadcrumbCurrent,
+  breadcrumbItem,
+  breadcrumbLink,
+  breadcrumbList,
+  breadcrumbs
+} from '../styles/breadcrumbs.css';
+
+const pathParts = Astro.url.pathname.split('/').filter(Boolean);
+---
+
+<nav class={breadcrumbs} aria-label="Breadcrumb">
+  <ol class={breadcrumbList}>
+    <li class={breadcrumbItem}>
+      {pathParts.length > 0 ? <a class={breadcrumbLink} href="/">Home</a> : <span class={breadcrumbCurrent}>Home</span>}
+    </li>
+    {
+      pathParts.map((crumb, index) => {
+        const label = crumb
+          .split('-')
+          .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+          .join(' ');
+        const isLast = index === pathParts.length - 1;
+        const href = `/${pathParts.slice(0, index + 1).join('/')}/`;
+
+        return (
+          <li class={breadcrumbItem}>
+            {isLast ? <span class={breadcrumbCurrent}>{label}</span> : <a class={breadcrumbLink} href={href}>{label}</a>}
+          </li>
+        );
+      })
+    }
+  </ol>
+</nav>