Trying to keep up to date with Twitter Bootstrap, here is a release for the 3.3.2 version. As usual a lot of good stuff happened, here is a quick summary.

The “ordinal” issue

Octostrap3 is just an Octopress theme. Sadly, Octopress does not let the theme handle all the HTML generation and rendering (that’s why we have to patch Octopress for some features). The latest issue is the date formating, which has already been discussed at length here and here.

Long story short you only need to fix the date_format configuration (in your _config.yml file) to something that strftime() can handle. For example, this blog use %a %e %b %Y, %l:%M %p.

Open Graph Protocol

Thanks to Dmitry Verkhoturov, Octostrap3 now support the Open Graph Protocol. This allow a better integration with Facebook and some others social medias (using the Open Graph tags). See the commit’s comment to fully take advantage of it.


Octostrap3 is in the process of improving Accessibility. Various small changes have been already made and it is still in progress. You can check and contribute to improve a10y by following / commenting on this issue, we’d love to hear about you !


As usual, various bug fixes and small improvements here and there :)

Enjoy !

As usual, new Twitter Bootstrap release means new Octostrap3 release. This time Octostrap3 also bring some new stuff in, thanks to various contributors.

CDN friendly

Those who prefer to use a CDN instead of hosting assets like Twitter Bootstrap and jQuery should be able to do so only by modifying “custom” files in the theme. CSS are loaded from source/_includes/custom/head.html while Javascript are loaded from source/_includes/custom/after_footer.html (with the notable exception of jQuery which is in source/_includes/custom/head.html).

Line numbers in gist and code blocks

Before 3.2.0, Octostrap3 was hidding line numbers because Octopress does not support the documented lineos option. As correctly pointed out by shidarin Octopress is blogging for hackers so displaying line numbers should be the default. If you don’t want the line numbers you’ll find in sass/custom/_syntax.scss how to hide them.

Structured metadata

Thanks to Dmitry Verkhoturov Octostrap has now semantic markup for Blog and Blog Posting. If you want to improve it for your static pages you would have to do it yourself though, since the types you might use really depends on the content of your site.

That’s it for today, enjoy !

Twitter Bootstrap 3.1 has been released just a few days ago. This new version brings improvements in every areas from documentation and examples to build process and SASS support. It’s also the first release under the MIT License which will allow GPL'ed projects (like Drupal) to include Bootstrap. As always the release is welcomed by an awesome video, so you better check it out.

To celebrate this release, Octostrap3 has been updated. It include now Bootstrap 3.1, the patches provided in the setup have been updated for the latest Octopress version and gist integration has been improved. Here is a preview of what gist should look like now:


From 59318158e58c0414ead9238126d2a7743a67e29e Mon Sep 17 00:00:00 2001
From: Alexandre Perrin <>
Date: Fri, 17 Jan 2014 12:06:41 +0100
Subject: [PATCH] make_inet_socket(): Use SO_NOSIGPIPE when creating a client

  We have to check for error when sending anyway, so we'll check for

  Before this patch `rspamc stat` fail when it cannot connect to the
  controller: it dies to SIGPIPE because the socket is fcntl O_NONBLOCK
  and we ignore when connect(2) says EINPROGRESS.
 src/util.c | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/util.c b/src/util.c
index 4a88bb1..8f5fdc1 100644
--- a/src/util.c
+++ b/src/util.c
@@ -124,6 +124,8 @@ make_inet_socket (gint type, struct addrinfo *addr, gboolean is_server, gboolean
          r = bind (fd, cur->ai_addr, cur->ai_addrlen);
      else {
+            /* we will check for EPIPE when sending data */
+            setsockopt (fd, SOL_SOCKET, SO_NOSIGPIPE, (const void *)&on, sizeof (gint));
          r = connect (fd, cur->ai_addr, cur->ai_addrlen);


Enjoy !

GitHub logo

There is a new “GitHub Page” kinda like the GitHub sidebar, but with more extensive informations.

It has been based on this one but modified in order to ouput bootstrap classes (and also use the GitHub account information from octopress config). As such, it can be used with any octopress/boostrap3 theme (and only a very few modifications are needed to “untie” it from octopress).

If it suits you, the page’s source (as all this blog’s code) can be found here. In addition to Bootstrap3 & jQuery, you’ll need strftime.js.

Kudo to Jean Pierre for the idea :)