Design

This page encompasses the design of this website. I'll be updating this as I go along.

Stack

The website is rendered using the Zola static site generator; this is to allow me to write content in .md files. Zola has a simple process to build and minify the website, but I also complement it with Lightning CSS for transpiling CSS. After this, a spellcheck is run using CSpell and then deployed to Firebase.

I started out with the Hugo SSG and it is perfectly fine, but I wanted to try something new. Perhaps my only complaint with Hugo would be that it doesn't flush out orphaned files, and I grew tired of having to manually delete them. Zola comes with built-in support for Sass, which makes migrating all the more worthwhile. The way Zola handles slugs is somehow more messy yet intuitive to me. Another thing I'm hoping to try in the future is a different theme for a new section of the site. This is much easier in Zola.

This site is pretty minimal but does require some libraries to make it look nice. At the moment, I've been using KaTex for rendering LaTex and the highlight.js library for syntax highlighting. Zola does support syntax highlighting, but I prefer the look of this 'agate' theme. I say at the moment, because although KaTex is fast, it's not as fast as I would like - but that's a topic for another day.

UX

The theme was designed from scratch to be very minimal, but not bland. It's a simple colour palette with green primary and accent colours.

This site's pretty new so a lot more tweaks will be added in time, and I'll be sure to update them here.

License

All content on this site is licensed under CC BY 4.0.