Version 11 has been retired here.
equivocality.com is now running version 11. For a person who was notorious for the frequency of his design changes, version 10 stuck around for a very long time — measured in years, not months.
To everything, there is a season
I’m going through a significant shift in attitude right now. For the first time in so long, I feel stable and complete, and I wanted my site to reflect this change. I’ve also been letting go of many things, and this certainly gave me the motivation to update even though I adored the previous version.
I found lots of inspiration in Jin’s recent refresh, which has an extremely smooth and slick feel to it. The ironic thing is that he wanted it to be clean and polished, and told me he looked to version 10 of equivocality.com for ideas. Here I am getting ideas from his ideas from my ideas, in a wonderful creative synergy, and I think we’re both very happy with our mutual results.
I’ve always been taken with the simplicity of single-column layouts. The problem with single-column layouts is that they’re restricted to be relatively narrow, because a large column causes body text to stretch too wide to be conducive to quick reading (the reason newspaper columns are so narrow). This is why I resisted the latest trend of towards wide designs for so long.
In this version, I have elements that break out of the main body column, which allows me to fill the entire column with content. This, in turn, implies a strong border and a single column, which is exactly what I want.
This code is based on a stripped-down version of my Wu Wei source, but it retains elements of version 10 to stay consistent with my personal brand; mainly the graph-paper background (because I feel like my life is always in a drafting phase), the comment bubble, the interspersed tweets that form the lifestream, and the Avenir typeface. I have a feeling that I’ll make an update to this theme more in line with Jin’s slick interface as my mentality evolves.
My favourite little detail is the curved speech bubble coming out of the little bird’s mouth, which took me a very long time before I was happy with it.
The big picture
My only dissatisfaction with version 10 was the fact that images were downsized to fit in the 480-pixel column, so they had little impact, and details in them were lost. As a visual person, I want to be enveloped by a picture, and this is the main reason for the width of this layout.
Also possible is embedding larger videos, such as this:
This design based on the 960 grid, and is my widest layout by far. Everything lines up along the eight main columns. Even the graph paper background aligns with the columns. Posts are wrapped in a full-width border, and align by date. Tweets are aligned to the main body text because they’re quick updates, and fall nicely under each date.
Headings are rendered in Avenir using Cufón. This is an update from the PHP text-to-image rendering engine I was using. The advantage is that I get to use different weights, anti-aliasing is much smoother, and large fonts are handled appropriately. Also, the text is selectable (unlike the previous PHP images). The only reason I’m not using TypeKit is that it doesn’t support Avenir.
Body text remains Arial, with touches of Georgia for quotes and comments. Titles are no longer converted to uppercase as in version 10, because I felt it was too aggressive and didn’t reflect my new relaxed attitude. I also found that when keeping titles in all-caps, a level of emphasis was lost when I purposely used lower, mixed, or upper case in my entry names.
Goodbye, old friend
Many people have asked me to make version 10 public the way Derek Punsalan did for the Grid Focus theme, and I always knew it’d be something to consider. But I realized that there are too many tweaks and plug-ins needed to get it functioning properly. It’s a highly customized theme and looks terrible if even one of these tweaks was missing, so I’ve decided to retire version 10 to a sub-domain instead.