thoughts, things, etc. from andrew snow

welcome to hazardous! although like any personal site it's always a WIP, you can read posts roughly divided up into life (for most things), linux (tech-oriented writing), as well as information about some small projects, and how to get in touch. there's also some audio!! thanks for stopping by!



little bit here, little bit there - i know it's something of a cliche but man, it really is the things which appear simple which require the most work!

not much has changed visually, however, over the past month i've had a few chances to hop onto a variety of desktops and finally check out the website across windows, mac, and linux operating systems, on a few different browsers. the only really outstanding issue was traced back to my inclusion of some missing files called to from the CSS, and in certain scenarios, this caused the browser to throw out the entire markup for the selector.

besides this, worked a bit on the transition to a variable-based stylesheet. i'm really beginning to grow fond of it, and i dunno, maybe i missed it but i dont remember the sort of widespread excitement over this as i've seen with other nice innovations.

for me the most useful application is with font sizing:

:root {
    --font-weight: 400;
    --font-size: 1rem;

.main p {
    font-size: var(--font-size);

.main h1 {
    font-size: calc(var(--font-size) * 2);
    font-weight: calc(var(--font-weight) * 1.75);

.main h2 {
    font-size: calc(var(--font-size) * 1.75);
    font-weight: calc(var(--font-weight) * 1.50);

.main h3 {
    font-size: calc(var(--font-size) * 1.5);
    font-weight: calc(var(--font-weight) * 1.5);

when defining the unit of measurement as em / rem, this pretty much guarantees legible text at a user's preferred size - and with variables, you can always maintain proportion among different styling options regardless of user setting.


wooo! so, after chewing over my ever-growing tasklist, i finally got a bunch of birds stoned at once: i wiped, refreshed, and reupped the server. after moving hazardous over, i started trying to clean it up... long story short here is, i wound up asking myself, what if instead of chipping away at unused CSS, i just started from scratch and built up?

turns out, probably should have done that a long time ago...

so here it is! version 2.0!!

still some odds and ends to get sorted out, mainly to do with the plyr.js youtube embedding script. not too worried about it because i quite liked being able to just toss a spotify playlist up with no issue.


for older updates: archived frontpage