--- title: "Personal Site" description: "This site. Astro, MDX, Tailwind v4: blog, projects, recipes, photos, and a pin collection, all built statically." url: "https://briansunter.com/projects/personal-site" --- Aug 2, 2024 # Personal Site This site. Astro, MDX, Tailwind v4: blog, projects, recipes, photos, and a pin collection, all built statically. [Visit Project](https://briansunter.com) project Astro TypeScript Tailwind CSS MDX  ## Overview The site you’re on right now. It’s where I keep my blog, projects, [recipes](/recipes), [photos](/photos), and [pin collection](/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 ### Share this article