Theme for Pelican blog engine.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
static Add borders to quotes and code Sep 29, 2014
templates Update icons Jan 2, 2014
COPYING Add 3.BSD License Apr 19, 2013 Add PingBack to FontAwesome and update screenshots Apr 20, 2013
screenshot_source_code.png Add PingBack to FontAwesome and update screenshots Apr 20, 2013

Notebook Theme

This is a new theme for Pelican based on source code of Bootstrap2 Theme and the design/CSS of Paul Rouget's site.

It is designed to be very minimalistic, simple and clear. Yet, it is not responsive and adaptable to many browser sizes. It will be on a later update.

If you want to use/update it, please do it from the direct project repository. It will be the most up-to-date repo.

This theme is published under the New BSD License. So, feel free to use/hack/redistribute it!


The theme support the following "plugins", with the variables used in the configuration file :

  • Google Analytics : GOOGLE_ANALYTICS

New Variables

We add some new functionalities, so we need to add some variables in the configuration file :

  • Twitter : To configure the publication of tweets, the TWITTER_USERNAME was added
  • Avatar : The avatar on the sidebar is set with the AVATAR variable, set to the path to the image from the root of the website
  • Digest : The digest displayed below the avatar is taken from the SIDEBAR_DIGEST variable
  • The two Mozilla banners on the bottom of the website are set from the FIREFOX_BANNERS variable. There is a 'trick' with it. The variable is defined like that :

    FIREFOX_BANNERS = (('banner_id', 'path_to_the_image', u'alt_text'), ('banner_id', 'path_to_the_image', u'alt_text'))

From a "standard" firefox banner, the values are :

<a href="{{ banner_id }}"><img src="{{ path_to_the_image }}" alt="{{ alt_text }}" /></a>

The path_to_the_image can be the remote file like given in the Affiliates Mozilla Website, but it won't work with my current Firefox Nightly version (Firefox 23). So I need to download the images and set the path to the local images.

Twitter Card

I also add the support of Twitter Card.

On pages, the variables of the Twitter Card are set like that :

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="{{ SITE_TITLE }}">
<meta name="twitter:image" content="{{ AVATAR }}">

On the articles, we added these variables :

<meta name="twitter:creator" content="{{ }}">
<meta name="twitter:url" content="{{ SITEURL }}/{{ article.url }}">
<meta name="twitter:title" content="{{ article.title }}">
<meta name="twitter:description" content="{{ article.Summary }}">

The article.summary variable must be set on the header of the Rest/Markdown article source file (tag : Summary:). If not, the first SUMMARY_MAX_LENGTH words from the blog post will be used as a default summary.


The social icons are from Font-Awesome, and colorized by myself.

Font Awesome by Dave Gandy -