A quick note on navigation
The top right corner of every page has a light/dark toggle and a pause button if the background animation gets in the way. Social, GitHub, and email links live on the left. The Works section is where the projects are, and each one links out to either a writeup or the live site.
Why I built it
For years my interactive Tableau resume did double duty: it walked through my background and demonstrated that I actually knew how to use Tableau. It worked well, but it was starting to feel like the only thing in my portfolio.
This site is the next version of that idea. The goal was something modern and a little distinctive without being overdesigned, and a place I could keep adding to as I build new things.
Tech stack
- Astro — Static site generator powering the whole site
- Astro Content Collections — Schema-validated markdown for project writeups; adding a new project is just dropping a new
.md file
- Tailwind CSS — Utility styling
- Vanilla JavaScript — Theme toggle, animation pause, custom cursor, staggered entrance animations
- Montserrat — Ultra-thin display typography
- CSS Grid with
minmax() and clamp() — Fluid responsive layout that scales from laptop to wide monitor without breakpoints
- Vercel — Hosting and deployment, auto-deploy on push to main
- Cloudflare — DNS
- GitHub — Source code