On the basis of great work of [simple.css](https://github.com/kevquirk/simple.css) and [Nicole White](https://github.com/nicolewhite/nicolewhite.github.io_old), only 10KB css file is needed (2.91KB transfered if you minify it ), no jQuery or Bootstrap at all.

* one html (1.46KB transfered / 1.86KB size)

* one css (3.91KB transfered / 10.42KB size)

* *optional* GitHub/mail/rss icons

* *optional* favicon

In my personal [blog](https://tsai002.github.io), I make these svgs and favicon inlined to html so that only two requests required:

* one html(6 icons included) (5.97KB transfered / 10.05KB size)

* one css (2.91KB transfered / 7.08KB size)

The typography looks pretty good. I wasn’t expecting dark/light mode which is a nice touch.

One bit of feedback: in dark mode, the syntax highlighting is a little low contrast but readable to my eyes. In light mode it’s basically so low contrast that I couldn’t read the code (which is why I thought to check dark mode in the first place).

SHould clarify that it is for Zola in the title.

Why use MathJax and not KaTeX, which is lighter and can be pre-rendered?

i hope to one day have my own classless css page. if i combine it with cdns, body replacements (like with turbolinks) and pre fetches (like instant.page), plus all the bytes saved by not having to write class names everywhere, it seems like the final step is just to in-line the css, no need to trigger a second request to get the style sheet.