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.
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 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:
header_links: - title: About href: about - title: Contact href: contact - ...etc
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
The masthead can cater for a hero shot in the background. This can be controlled with
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.