Welcome! Please feel free to stop by and celebrate the humanity in computing with me.
The site was a complete mess. The backend was full of spaghetti CSS and the frontend was rife with inconsistent colors, margins, and more. What started as just minor changes to the "SMiLE: Heroes and Villains Mix" soon ballooned to a site-wide refactoring and design refresh.
Regarding the markup, I'm finally using CSS variables to not only dramatically reduce style clone and "magic" numbers but to empower me to realistically apply a site-wide consistent design voice. While doing so I applied a philosophical change in how the styles are ordered; instead of scattering components all over the place in an effort to make applying similar styles to numerous components easier (again, I wasn't using CSS variables, before), I could finally keep component styles tightly close together, dramatically increasing readability and maintainability.
On the design front, at first glance it appears not much has changed, but look deeper: every single component, every single color, every single margin, has been excruciatingly reassessed. Here's my best stab at the design change log, in no particular order.
articles/
page assigned individual articles a posts/
path, but now articles finally roll up to the articles/
path, as expected.Up to this point, my website didn't really have a tranditional "home" page—the landing page for the site was the Articles page. With "Home Run", the site now has a proper home page with an "elevator pitch" for who I am, my current occupation, and my most recent works (articles, projects, etc.).
With the introduction of macOS Mojave, users can now choose a preferred accent color for the system. Jumping from just the "Blue" and "Graphite" colors we've known for the past decade, users can now change buttons, links, and more to be their favorite color.
Much like macOS, my personal website has also "supported" custom accent colors, but never exposed them to the user in any meaningful way. Now, with the new accessibility settings in 11.0, you can customize the site to match your preferred system accent color, so the site will always gracefully match your personality and style.
Until now, Marcdown and barrowclift.me styles were designed and maintained independently, in parallel. This was a choice made mostly due to these historical reasons:
That time has now passed. barrowclift.me’s legacy code has been all but swept away as the CSS has been gradually refined over the years. The time was right, both barrowclift.me and Marcdown were finally beginning to converge towards a similar style. With the differences between them falling away and the benefits of keeping them separate dwindling, it's time to fuse them together to create one, final CSS and Javascript heart which will serve as the foundation for all future changes made to both Marcdown and barrowclift.me from this point on—core.css
and core.js
.
It's time to bring order to the chaos. It's time for Unity.