Redesigning my website (again)

${ And finally adding dark mode 😎 }
2024-09-20

πŸ‘‹

It wasn’t too long ago that I did a pretty big website redesign. I guess it was already time for another!

This time I did it because I moved from Bulma to PicoCSS. Since I’m switching out the whole CSS framework, I might as well do a bit of a redesign.

The β€œtheme” for the new design is β€œbeing bold” πŸ§‘β€πŸŽ€

I wanted something that would stand out more, be more unique, and have more personality - a theme for my whole life really.

The new version isn’t perfect, but I do feel it is a step in the right direction. In the spirit of accepting good enough and getting things done I decided to publish it, even though I’ve had feedback that some things don’t quite fit together 🀷

The redesign allowed me to finally add a dark mode!! πŸ₯³

Screenshot of the new dark mode toggle on my website

This is something I tried to build in the past but struggled to get working well (I was on an older version of Bulma that didn’t have a native dark mode). PicoCSS made it easy!


This is also a good time to reflect on all of the iterations my website has gone through over the years.

4 years ago! πŸ‘‡

the background image of the hero section looks pretty good actually

Screenshot of the homepage of my website 4 years ago

A year ago: πŸ‘‡

decided to make everything black & white

Screenshot of the homepage of my website 1 year ago

Two months ago: πŸ‘‡

adding some colour back

Screenshot of the homepage of my website 2 months ago

Last week: πŸ‘‡

clean design, refreshed colour palette

Screenshot of the homepage of my website last week

Now: πŸ‘‡

bold fonts, simple colours

Screenshot of the homepage of my website now

I’ve obviously gone through several iterations πŸ˜…

I feel I’ve always moved forward though, never backwards. I’m happy about that.

That being said, a hero image of some kind will make a comeback! I had completely forgotten about that one 4 years ago - it looks good πŸ‘Œ

See you tomorrow-ish πŸ‘‹

// the end