SK

The Stack

Date written Jun 19 2020
Date updated Last updated: 7 days ago
Filed underSystem in meta

This page details the tools powering this website.

The pages are generated by GatsbyJS which abstracts away the build process for me. All the page layouts are built in React using Theme UI styled components. I've modified parts of the style system from Tailwind. The font is Open Sans.

All content is written in extended markdown via MDX and Remark.

Math is rendered via KaTeX and I've written a custom plugin to render BibTeX using Citation.js. Images are lazy loaded via React hooks, which is also implemented as a tiny plugin.

Search is powered by FlexSearch. The search index contains text extracted by parsing the MDX AST. Eventually, I would like this to be more refined with word stemming and other language processing goodies. I use Vega Lite to embed charts, allowing me to use the same specification across both Python and the web.

The website is deployed on Netlify and the domain registrar is Google Domains. Simple and private analytics are powered by GoatCounter.

The complete source is available on Github.