Based.Cooking has become more grandma-usable.

Over the past month, I’ve taken some off-time to tinker with Based.Cooking, the cooking site I/we made a year or so ago as a proof of concept for a simple and unintrusive recipe website. There have been over 250 recipes submitted, but the hobbled-together static site generator originally used proved unable to keep up and with all the submissions, there was a big issue of content organization.

There have been two big changes. Firstly, I ported the entire site to use Hugo, which I believe I mentioned already. Hugo is just a very fast static site generator written in Go, and I particularly liked it for the ease of tagging articles. Originally, the only content sorting on Based.Cooking was a tagcloud at the top of the main page and “Related” pages at the bottom of each page.

Secondly, there had been a PR a while ago to add a search filter for the mainpage with a few lines of Javascript. I think it’s actually a fantastic illustration of the few actually useful times to use scripting in a webpage, and it allows users to instantaneously to search existing recipes by title and tag without extra page loads and with handy responsive CSS.

Note also that tags now can be assigned emojis (via CSS, weirdly enough). I’m just playing around with this. It might be visually jarring for some, so I might change it.

I might make some more strides to make the site more normie-friendly, since I see it more than a proof-of-concept. Keep in mind that the Github repo is here if you want to add recipes or suggest other changes. I had said earlier that I wanted to cut down on the acceptance of new recipes for fear of crowding the main page. This is less of an issue with the search filter, so feel free to submit whatever you think it worthy.

If you cook something on the site without a photo (or at least without a good one), feel free to submit that as well.

Read related articles: