Skip to main content

Personal Site

This site. Astro, MDX, Tailwind v4: blog, projects, recipes, photos, and a pin collection, all built statically.

Astro TypeScript Tailwind CSS MDX
Cover image for Personal Site

Overview

The site you’re on right now. It’s where I keep my blog, projects, recipes, photos, and pin collection. All of these are generated statically from markdown, MDX, Cooklang, and YAML files in a single Astro project.

Features

  • MDX-based blog with KaTeX for math and Shiki for syntax highlighting
  • Cooklang-powered recipes that scale to any serving size
  • Photo gallery with EXIF data and a Leaflet map of where each shot was taken
  • Pagefind full-text search across the whole site
  • Dark mode that respects prefers-color-scheme and remembers your override
  • RSS feed

Technology Stack

  • Astro 6
  • TypeScript
  • Tailwind CSS v4 (configured via CSS, not JS)
  • MDX
  • Pagefind for search
  • Custom remark/rehype plugins for tweets, wiki-links, Logseq quirks, and code-block headers