Portfolio Color Play

Every portfolio I've ever published has had a hidden easter egg. I won't give away how to activate it on my latest version, but the result is updating the CSS root color1 and color2 variables every 500ms.

I used javascript to find a random number between 0 and 72, then multiply it by 5. This results in a random interval of 5 between 0 and 360, which becomes the hue value in my HSL color variable. Even though this site is written in SCSS, color variables applied to the body are updated instantly and don't require any compiling.

This change affects the entire site, not just the hero, but I built it in a way that regardless of the new color, all text should still be legible, even if some combination do create terrible gradients.