Colophon
This site is built the way the research is: reproducible, boring tools, nothing hand-edited. Here is the whole machine.
Design
Academic Brutalism, ported from the IPIP Repository design system. White/off-white surfaces, pure black borders, zero rounded corners, zero shadows, zero transitions. Helvetica Neue for prose; monospace (Anonymous Pro, self-hosted) reserved for data, dates, and code. Uppercase labels carry the hierarchy; links underline themselves like a proper document.
The one flourish is the rainbow: a hard-stop striped bar under the header, and link lists that cycle six hues. The stripe, the palette-picker swatch, and the link hues are one canonical set of six colors per theme; light mode gets the deeper inks, dark mode the lighter glow. The accent palette switcher in the navbar swaps the link/accent color site-wide (Rainbow, Classic Blue, Violet, Green, Amber, Crimson), persisted in localStorage so your choice survives the page.
Everything is deliberate: no shadows because nothing floats; no transitions because nothing needs to animate; 1px borders for containers, 2px for structure.
Stack
| Layer | Choice |
|---|---|
| Static site generator | Quarto (Markdown → HTML, no server) |
| Theming | SCSS: brutalist-light.scss + brutalist-dark.scss tokens, one shared _brutalist.scss component layer |
| Fonts | Anonymous Pro (self-hosted WOFF2, preloaded) |
| Deployment | GitHub Actions → Netlify, _site/ published |
| Search | Quarto’s built-in client-side search |
| RSS | /blog/index.xml, generated by Quarto |
| Newsletter | Buttondown (home page sidebar) |
Why Quarto
The same toolchain I use for the thesis analysis pipeline: reproducible documents where every table and figure regenerates from data. The site is one more Quarto document, versioned, built by a Makefile, deployed by CI. No CMS, no database, no build server to keep alive. A push to main renders and ships.
Why the 988 note is everywhere
I answer crisis lines for a living. The footer on every page carries the Lifeline number because the site’s readers may be having a worse day than I am, and a quiet little line costs nothing and might be the one that matters.
The colors
Light mode inks: #cc0000 › #b45309 › #006600 › #0a6ebd › #6d28d9 › #0e7490 (red › orange › green › blue › purple › teal). Dark mode: lighter versions of the same hues for contrast on #1a1a1a.
The words
Written by me, edited by me, fact-checked by me. The blog posts are essays, not press releases; the CV is what happened; the research page is what the numbers actually said. No generative filler. If a page is short, it’s because the truth is short.
If you want the source: the whole site is public at github.com/colerehbein/cole_press.