I write ongoing in an XML dialect that is mostly HTML with a few little extras; I use Emacs to do the editing, but any old text editor would do.
The essay fragments that make up ongoing are organized by date into a directory tree (visible in the URIs), and each is filed into one or more hierarchical categories; you can navigate around both the date and category apparatus.
Since I'm a hopeless geek, I couldn't possibly use any one of the excellent personal-web-site or blogging tools out there; it's all done with a Perl script imaginatively named ong.pl that maintains a Mysql database containing basic metadata for each essay. The Perl script runs over the source tree, figures out what needs to be updated, generates any new notes, and always regenerates the top-level page and RSS/Atom feeds. It's not rocket science, there are about 2400 lines of Perl representing days not weeks of effort.
Then there’s the comment system, which is under 1000 lines of Ruby; its design is brutally minimal, involving no databases or framework code.
The little picture on the right that changes every so often involves some JavaScript voodoo.
A lot of the work is in handling the pictures, which are run through mogrify, based on ImageMagick, with drop-shadow added by Framer.
One virtue of the setup is that it works exactly the same on my Mac OS X laptop staging environment and the Debian box where ongoing lives. Getting the ImageMagick processing up and working both places was a serious pain in the butt; Framer was no sweat because that part’s Java.
Some may be mildly technically interested in the layout, which is about as pure CSS as you can hope for; there are no tables at all, and no graphics aside from pictures and the background behind the main title. I stole the techniques from the best, namely Eric Costello and Tantek Çelik, and then twiddled heavily, isn't that how we do things on the Web?
Also, there's a DOCTYPE declaration that claims the output is XHTML 1.1 and the W3C validator seems to agree, so to the extent that’s virtuous, so is ongoing. There are some complaints from the accessibility checkers because of all the little ... links at the end of the article summaries; it's bad practice to have links to multiple different places with the same anchor text. I wonder how serious a sin this is?
I could probably achieve a completely different look & feel for ongoing by switching the CSS, if I wanted to. I could certainly produce a cellphone-friendly version with almost no work and may well do that one of these days.
I've got it all terribly automated so I can start a new entry, proof an entry, and publish it to the website with single keystrokes in Emacs; I recognize lots of people wouldn't be OK with that.
On the "pro" side I can type in any HTML weirdness that strikes my fancy, which might be a "con" except for the XML processor in the pipeline helps keep me honest.
Header Graphics · Occasionally I get mail asking “what’s that picture behind the title?
Hawai’ian sunset from a Big Island mountainside.
Detail of an amaryllis blossom in Regina, Saskatchewan’s city conservatory.
Toronto skyline from the airport; spot the CN Tower.
Detail of a sake bottle.
Leaves.
Detail of one of the plates used to print the original 1928 version of the Oxford English Dictionary.
Detail of a door in the old town in Koper-Capodistria.
Wiltshire countryside under clouds.
Close-up of springtime moss on a tree-side.
Sunlit brick storefront on Vancouver’s Main Street.
Ocean waves.
Vancouver sunset.
Old scanned 35mm slide of some jellybeans.
Trans-Canada highway in Coquitlam, shot from moving car heading west and home.
Binding of an old book.
Pansies at Murray’s.
Rose shot with the then-new Pentax S50.
Detail, red sunset clouds.
This is the first header graphic ongoing ever had. It’s a close-up of a piece of oriental carpet in my Mom’s collection. For the first couple of years after launch, it was tiled across the top, until I got tired of looking at the same thing all the time; and it’s still the basis of the little diamond-shaped ongoing icon that might be appearing right now in your browser’s address bar.
Shot through the windshield on Vancouver’s Fourth Avenue.
Fireworks at the ballpark.
Shingles on the old house at #3 West 19th Ave., Vancouver, in a eulogy for the old Canon S50.
Extreme close-up of Vancouver wildlife, caught in motion.
You are viewing a mobilized version of this site...
View original page here