UHC WEBSITE
This is the first post on this site, the intent is to outline some of my descisions regarding the design of my blog. Actually I would say this one is more of a design guidebook for me.
I tried creating a personal blog like three times in my life already, all were intentionally experemental. But honestly I am not that comfortable with sharing thoughts much, so the most fun thing as always is designing and coding.
DESIGN RULES
Only two colours in the colour pallete and only one fontface (mono!). This of course requires the page to radiate some other vibe that could counteract the simplicuty. I wanted to create a flowing responsive design with some sick silky-smooth animations. So that means I am allowed to vary the colours, but only by interpolating between the allowed ones.
I think the influence was the feel of styles on monochrome displays (think old Macintoshes). The creative challenge is really rich in original ideas I feel. We will see how this one turns out. Honestly, it was really limiting so far. Originally I wanted to use only one font (no bold face, no italics), but it is really hard to make the text stand out with just borders and backgrounds. So, I suspect similar problems will resurface later and I would have to add a third "accent" colour. But that is a problem for my future self, should not be too hard to implement honestly.
No frameworks. From my first encounter with them I knew CSS+JS+HTML combo is stinky. No type-checking, no inherent connections between the languages, ungodly number of browser-specific rendering edge cases so sharp that even C++'s footguns would blush and trash developer QoL. But there is certain cozyness to how open vanilla wbsites feel to code and distribute. The verbose but semantically-rich HTML is the thing that is sent to clients, all typed in by me.
Well, except the QoL and the deployment: during development I use hot-reloading to prototype easily, docker to deploy (on my home server) and automate the "builds", because I also really adore SASS as my css precompiler [ :) ]. But the
SETTINGS
todo!("list of favs here");