Introducing Hypercardinator

For some reason, I felt like turning my blog into something reminiscent of Hypercard. Maybe it’s nostalgia? Maybe it’s a throwback to an era from before the web? Maybe it’s an ironic attempt to de-emphasize design over content? Maybe all of those.

Anyway. I found this great Chicago-inspired webfont, released under a Creative Commons license by Giles Booth. At first, I just used a local stylesheet to force it to be used on any site, but then I realized I wanted it running on my blog full-time. But I didn’t want to have to create a new theme to do it. So, a plugin!

Hypercardinator was born. It adds a stylesheet to force ChiKareGo to be used for all content and navigation on a site. Which was a great start, but didn’t feel like it went quite far enough. So I added some styles to attempt to non-destructively force all images to render in high contrast black and white (I couldn’t figure out a way to use the more Hypercard-native Atkinson dithering, and didn’t feel like spending more time at the moment to figure it out).

It’s a trivial WordPress plugin. Try it out – if it doesn’t float your boat, just deactivate the plugin without wrecking any of your site’s config or layout.

Not using WordPress? Check out Bryan Ollendyke’s webcomponent that implements the stylesheet and webfont.

5 thoughts on “Introducing Hypercardinator”

  1. I really like the look. It got me thinking about options to pixelate just using CSS . . . I was able to do it pretty simply on images that were being upscaled but didn’t have as much luck with doing it otherwise short of SVG filters and javascript. Probably all stuff you’ve looked at but figured I’d let you know you inspired me to do a little work.

    1. that’s awesome. my gut tells me some javascript/css magic could do it – but I worry about pegging the CPU just for applying vintage dithering. There’s this one that looks like it’d do the trick. Haven’t had a chance to play with it yet.

      1. That is slick. I didn’t even fully realize what kind of image magic was going on in Hypercard. That is some serious dithering.

Leave a Reply