bnw

To install, run nikola theme -i bnw

Well, I call this theme nikola-bnw(brave new world). No special meaning. It is hosted on Github.

How to use it

Download this repository and put it under '/themes/' folder.
Modify your conf.py and set THEME = "nikola-bnw".
Disable bundles in conf.py: USE_BUNDLES = False
Done!

Note that this theme use less as the pre-processor of CSS. So in order to make this theme work, you have to 1. Install less plugin by nikola plugin -i less 2. And you have to install external tool less by yourself. (npm install -g less)

Update: I've generated the css written by less, so you don't need to install less now, just do: 1. Modify your confiy.py and set USE_BUNDLES = True. 2. Done!

Also note that the theme use flexbox CSS attribute, so make sure to use modern browser if it is not working well.

Another way to Install it

The theme had been added to Nikola Theme Gallary, so you can install it by: 1. nikola theme -i bnw 2. Modify your conf.py and set THEME = "bnw" 3. Modify your confiy.py and set USE_BUNDLES = True. 4. Done!

Tweak

Footer

The footer can include several icons(email, github, twitter, rss) according to your settings. Put the settings in GLOBAL_CONTEXT variable in conf.py. Example:

GLOBAL_CONTEXT = {
    'email': '[email protected]',
    'twitter': 'lotabout',
    'github': 'lotabout',
}

Color Theme

Thanks to less, the color of the theme can be easily changed. All you need to do is open nikola-bnw/less/bnw.less and modify the 4 colors being used:

// primary-color: for background
// secondary-color: navbar-links
// third-color: for navbar
// accent-color: for font.
@primary-color: #FCF7F7;
@secondary-color: #ECE1DE;
@third-color: #6B5364;
@accent-color: #304860;

Change them to whatever you like.

Screencast

Well, the index page

The Post Page(half)

LICENSE

MIT License

Suggested Configuration:

# Pre-built CSS files are only included when using bundles.
USE_BUNDLES = True

Issues? Questions?

You can report issues with this theme and request help via GitHub Issues (themes repository).