Website update
Working on this website has been a lot of fun. I reworked basically every single page - including the CSS file - from the ground up. After learning a few tricks I slimmed down the CSS from 1.6 kilobytes to 1.1 kilobytes, while still having the look I wanted. But what exactly did I change about the website? > The typeface
The biggest thing I changed is the typeface. Previously, it was Work Sans light, which looked ok, but looking back on it, it was too light - text was so thin it looked like light gray instead of dark gray. The current typeface is the monospaced Ioskeley Mono which is made to look like Berkeley Mono, but for free! It does it quite well and I don't think most people would notice a difference at first glance. I also used the glyphhanger in order to reduce the woff2 font file size from 478.4 kilobytes to 24.3 kilobytes. That's a big difference! (I also applied this process to the bold and italic versions of this font to similar effect.) > The CSS and HTML files
Beyond just removing the whitespace and line breaks, I stopped using IDs and classes, instead using semantic elements to select what I wanted. This of course also changed how I designed the website and laid out my elements - greatly simplifying the whole thing. I also learned you don't need to include a few common html elements thanks to this blog post. (This author has a lot of other useful posts like this that I read.) > The design
Previously the website was much more minimalist - everything was thin and gray. It's still minimalist but I styled it more like a console, setting every margin and padding to a fixed amount of characters or lines. For example the main div holding everything inside is exactly 70 characters wide. The padding between the text and the border is exactly 2 characters wide on the sides and 1 text line high on top and bottom. This with the monospaced font gives me TUI vibes, which I personally really enjoy. > Summary
There are still a few things I need to work on, like image styling or lists, but I really wanna update the website as soon as I can in a usable state because I've been working on this for way too long. I could work on this forever but that would get me nowhere. I'm of course gonna update this page when something changes, for example the CSS file size. Overall I'm very happy with how this whole thing turned out.> Update 1
I added better mobile support so the website should be usable without doing anything. This sadly increased the CSS file size quite a bit.