Another year, another blogging upgrade. We are generally “buy-over-build,” but this time we ended up building jekyll-like behavior into our ES6 Starter project.

Punchline: We are using the Foundation Blog Example, Highlight.js, and our ES6 Starter Gulpfile to generate this site.

We hope you agree that the content is easy to read and accessible across many devices. The previous version’s layout had left some to be desired. Below, first, is the old Octopress site, and next, is the new Foundation+Gulp site:

Before

Screenshot of Octopress Blog

After

Screenshot of Gulp+Foundation Blog

The biggest difference is the previous layout was too narrow for our tastes, struggled to show dates, and had that awful padding between the sub-navigation and content. It was hard to fix because of the theme creator’s choice. Given how little investment we want to make with the blog, though, we lived with it. Wading through Jekyll and Octopress templates and themes is not fun.

In contrast, we like the Zurb Foundation layout since it appears traditional without the darnkess of the default Octopress theme.

Part of the reason for doing this is the next version of Octopress “was coming,” but after 6 months we aren’t interested in waiting any longer. Further, we’ve been using the ES6 starter internally for the last 6 months, and we’ve come to like the experience.

Porting our old content consisted of copying the markdown posts and images from one project to the next. That was it.

One wrinkle is that we would like to make the gulpfile a standalone release, but we have not yet found a clean way to do so. When we do, we think we have a credible alternative for content sites based on markdown.

Take a look at the ES6 starter if you get a chance. You can read more about it in a previous post.