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)

This is very nice, thanks for sharing! Hope to implement.

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).

Thanks for your feedback, I will try more syntax highlighting. It’s very easy with zola.

SHould clarify that it is for Zola in the title.

Sorry, I cannot change the title now.

It is ported from Jekyll, and it’s easy to port it back. Maybe I will do that later.

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

I built it in a hurry. I will try Katex later.

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.