Reviving my recipe website

I started a Git repo eight or nine years ago to store all of the recipes I use regularly. Some of them are my own and some tweaked versions of recipes I've found elsewhere. The very first version of the repo was just a folder full of markdown files. Eventually I used Jekyll to output the markdown files to a super simple site so that I could easily reference them on my phone while cooking. I've changed up the design of the site a few times over the years and eventually migrated it from Jekyll to Eleventy, but generally I don't touch the site for years at a time except to add new recipes periodically.

We recently had our kitchen remodeled and I've been cooking a lot lately. I got the itch to dust off the recipe site a couple of weekends ago and had a ton of fun doing a super quick redesign. I stayed with Eleventy for the static site generator and kept the styling super simple with all inlined vanilla CSS, leveraging a lot of modern CSS features that make things so easy these days.

I added a super simple share widget last week that uses a progressively-enhanced HTML Web Component to add a copy/paste and share (using the native share() API) buttons. I hope to write a separate post about that sometime soon.

It's been a fun and refreshing little project that has scratched an itch I've had recently to design and build something. Definitely check out my newly updated recipe site if you're looking for something new to cook!