All it needs is some <blink>
My website design has felt stale to me for quite some time. I love getting comments from engineers about my command-line interface, but the full-screen design of the page hid a lot of the content I've been creating. Did you know I have a blog? Neither did anyone else! I recently moved all my content to a static site generator so I could start combining all my blog posts with the main landing page, and today that effort has come to fruition.
The new interface is designed to focus on the content first and the styling afterward. As you can tell from the old site, I don't care about having a flashy UI or following the latest web design trend. I've been trying to stick to a few basic principles this time:
- Responsive design for a multitude of screen sizes
- Small pagesize to reduce network bandwidth and decrease load times
I made a bunch of important changes to the site to achieve these goals. I learned how to use flexboxes and some slightly more advanced CSS tricks like targeting elements within other selectors. I don't have a sophisticated set of tools in my web design toolbox, but it's fun to learn some more basics each time I redo this site. I've tested the site on a bunch of different screen sizes & text-mode web browsers, it seems to work well.
Accessibility was a priority in this redesign, but I didn't know a lot going in so I read guidelines and took some lessons from the internet. I preferred the use of high contrast colors, standard fonts, and a semantic layout that should be easily understood by screen readers. If you're reading this site on an assistive device that doesn't support the content well, please let me know!
Anyway this will be much nicer for me to write content on since I can write it in vim and publish it with git, rather than logging into a damn website. I hope you enjoy it.