The Creation of an Octopress Theme…

First of all, let me preface this post by admitting I know next to nothing about proper web design. I came in knowing only the basics of HTML and CSS and nothing about how modern sites are structured, responsive layouts, CSS frameworks, optimizations, etc. Through a combination of reading many great tutorials and lots of tinkering, I’ve cobbled together a site I’m pretty satisfied with for the time being. And so as far as I can tell, there are a few ways one can go about creating a theme for Octopress.

Even on Mars…

It appears making lawyer jokes transcends time and space…

In one respect at least the Martians are a happy people; they have no lawyers.

John Carter, A Princess of Mars

It’s also incredible to me that Edgar Rice Burroughs wrote these stories over a hundred years ago and they still hold up so well today…

Remote Blogging on Octopress

As I alluded to in a previous post, there is a major benefit to deploying Octopress with a custom buildpack that generates the site on any push to the repo—you can now blog from any machine that can run an instance of git. This opens up a world of options for remotely blogging.1 While none of the options are quite as friendly as Wordpress, Blogger, Tumblr, etc., they are still fairly trivial for someone who actually took the time to deploy Octopress in the first place.

A Problem with Octopress and Footnotes…

As a follow-up to my previous post on footnotes, I wanted to point out that there is a slight problem with how Octopress handles footnotes on its main index page.1 If you have more than one blog post containing footnotes on your front page, the links may be incorrect for all but the first post.

Footnote Tooltips using jQuery

As I have stated previously, I am a lover the footnote. As such, I wanted a simple and elegant way for visitors to read the notes without interrupting their flow (e.g., having to scroll down to the bottom of the page or click the link and wait for a reload). What better way than a tooltip that pops up when you hover over the footnote superscript? These tooltips are fairly common nowadays and numerous templates are readily available, with most using either CSS or jQuery. More for self-study than anything else, I decided to join the masses and create my own version using scripts originally written by Lukas Mathis and Osvaldas Valutis.