A redesigned phiffer.org

I’ve been tinkering with a new design for this site for a few months and have finally gotten to the point where it feels polished enough to start using. It’s not a huge departure from what was here before, but I’ve made some structural changes to how the WordPress theme works that should make it easier for me to maintain and improve. The old theme was ambitious, I invented my own object-oriented template system that shunned the well established conventions of making WordPress themes. This is all fine and good when a site first launches, but over time I forgot how all the parts fit together and was left puzzled by my earlier choices. This new theme is much more straightforward, no PHP fanciness this time around.

phiffer.org header

I did indulge a bit in some front-end fanciness though. You may notice there’s a new header element that gradually changes in response to your mouse movement. The gradations of green squares correspond to regions of the page, but rotated 90 degrees. If you move your mouse up or down you’ll see changes in the header, only your mouse movements show up horizontal instead of vertical. So the more you browse below the fold, the more visual changes will appear in the header toward the center and right. All this is private to your browser (and saved, per-browser, using something called JavaScript localStorage), I’m not sending any of the mouse movement data to the server.

Aside from that I’ve mostly just trimmed back some text in the sidebar, added a new archives interface in the footer, and beefed up my links to projects and friends. It’s still a work in progress, but with a bit more fit and finish I could see releasing the theme for others to use.