Introducing Enfield

I used to blog quite a bit a while ago. Whether it was a personal or technical post, or some sort of tutorial, I enjoyed it. It’s about time I got back into that and finally did something with my domain.

Enter Enfield

I wanted to use Jekyll and GitHub Pages to power my personal site, because who wouldnt? But, I wasn’t a massive fan of the themes out there. Some themes looked nice, but were powered by only CSS. That made things crap to modify.

The theme was coded over a weekend and I decided to share on GitHub for anyone who may want to use.

A bit about the theme

  • Built for GitHub Pages and Jekyll
  • Uses SCSS to make it look pretty
  • Built on a Bootstrap base to stable CSS
  • Uses npm/Gulp to manage a few dependencies and put things where they need to

Header Links

Header links can br controlled via your _config.yml. By default only the ‘About’ page is listed, but you can add however many you like. For example:

  - title: About
    href: about
  - title: Contact
    href: contact
  - ...etc

First installation

To use, fork or download the theme.

If you’re running on GitHub Pages, their docs should give you plenty of help on getting up and running.

To test on your local machine, you just need to run gem install jekyll then gem install jekyll from your working theme directory.


The masthead has a subtle animated gradient layed over a background image. The colours can be controlled in _header.scss

The masthead can cater for a hero shot in the background. This can be controlled with masthead_bg and masthead_bg_position in your Front Matter. Pop an image in assets/img/masthead and set the filename and optionally the background position. Modern browsers should display any size image nicely. Older ones, not so much.

Image and placement entirely up to you. There are a few high quality images ready for use, compliments of Unsplash.

There’s still a ton of work to do on the theme, and it’ll be released soon.