jbrechtel
78764be0a9
Changes based on design feedback: Typography: Swap Lexend Peta → Fraunces (literary serif) for all headings, preserving Quicksand for body text. Color palette: Add --roux-ochre and --roux-sage vars. Restrict rust accent to step numbers, rules, and hover. Titles and labels → ink. Navbar: 'Roux' logo now uses Fraunces in ink color. Parser bug: Add isMethodSection filter to exclude 'Ingredients' sections from the method column, preventing raw text ingredient listings from leaking into steps. Index page: Titles in ink with rust-on-hover. Add letter dividers (A, B, C...) for alpha mode. Show tags/course metadata under titles. Recipe page: 3-column grid (240px 1fr 180px) with marginalia column for source link and notes. Tag pills → sage outline. Ingredient highlights → ochre underline. Checkboxes → hand-sketched rotation. Source link → muted ink with rust hover.
Roux
Roux is a personal/family recipe management site.
It's intended to be low friction for entering recipes and tracking when you've cooked them.
Cooklang
Roux uses Cooklang (https://cooklang.org/) as a source of truth for all recipe content. Any recipe either starts in Cooklang or is immediately converted to Cooklang by one mechanism or another.
Other details
Cook history
Roux lets you track when you cook recipes. I like this because we cook a lot of different recipes and I like to be able to go back to find things I liked in the past so I don't forget about them.
Technical details
Development environment
Docker is used for all development tools. Nothing is required to be installed on the local machine except Docker.
Backend API: Haskell + SQLite
Frontend: Static HTML + Pico CSS
The actual backing for recipes themselves is a single cooklang directory with an in-process search index that gets rebuilt whenever a file is added to the directory.
Project structure:
cooklang-hs
A Cooklang parser written in Haskell.
roux-server
The webserver for Roux. Parses Cooklang files on disk, indexes them, renders HTML templates for presenting recipes.