Bootstrap 4 responsive Jekyll Theme.
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 385 commits ahead, 1 commit behind noalfemminicidio:master.
Latest commit 68e0acc Jul 4, 2018
Failed to load latest commit information.
_drafts Initial commit Sep 25, 2017
_includes Update side-bar.html Oct 28, 2017
_layouts Delete about.html Sep 26, 2017
_plugins Initial commit Sep 25, 2017
_posts Fixed syntax error in liquid templating. Jul 4, 2018
assets Add files via upload Oct 9, 2017
.gitignore Added .gitignore file Jul 4, 2018
404.html Initial commit Sep 25, 2017
History.markdown Initial commit Sep 25, 2017
LICENSE Update LICENSE Oct 9, 2017 edits Jul 4, 2018
Rakefile Initial commit Sep 25, 2017
_config.yml Fixed depreciation of pygments parameter, changed to highlighter. Jul 4, 2018
about-sample.html Update about-sample.html Oct 8, 2017
archive.html Update archive.html Oct 8, 2017
atom.xml Changing the configuration of the "layout" option to "null" Jul 4, 2018
blog-sample.html Update blog-sample.html Oct 8, 2017
blog.html Update blog.html Oct 8, 2017
buttons.html Update buttons.html Oct 8, 2017
cards.html Update cards.html Oct 8, 2017 Initial commit Sep 25, 2017
components.html Update components.html Oct 8, 2017
contact.html Update contact.html Oct 8, 2017
features.html Update features.html Oct 8, 2017
footers.html Update footers.html Oct 8, 2017
headers.html Update headers.html Oct 8, 2017
index.html Update index.html Oct 28, 2017
labels-alerts.html Update labels-alerts.html Oct 8, 2017
list.html Update list.html Oct 8, 2017
maps.html Update maps.html Oct 8, 2017
navigations.html Update navigations.html Oct 8, 2017
portfolio.html Update portfolio.html Oct 8, 2017
pricing.html Update pricing.html Oct 8, 2017
progress-bars.html Update progress-bars.html Oct 8, 2017
robots.txt Initial commit Sep 25, 2017
rss.xml Changing the configuration of the "layout" option to "null" Jul 4, 2018
services.html Update services.html Oct 8, 2017
sitemap.txt Initial commit Sep 25, 2017
sliders.html Update sliders.html Oct 8, 2017
tables.html Update tables.html Oct 8, 2017
tabs-accordions.html Update tabs-accordions.html Oct 8, 2017
tags.html Update tags.html Oct 8, 2017
team.html Update team.html Oct 8, 2017
typography.html Update typography.html Oct 8, 2017

Helium Jekyll

A new Bootstrap 4 theme

The project is no longer mantained

Jekyll Themes Shield

Helium is a fast, modern and configurable Jekyll theme with some tricks up it's sleeve. It has a live theme switcher and it's main blog layout display prominent hero images for posts with colored overlays and nice animations.

Bootstrap theme source

helium sample helium theme


Though minimalistic-looking by nature, dactl is easily configurable and includes quite a lot of niceties:

Main features:

Jekyll-specific features:

Other features:

  • Blog page
  • Landing page samples
  • Tags functionality and tags pages
  • Link posts functionality
  • Mobile slider scrolling
  • Emoji support ⚡️⚡️⚡️ by copy paste from getemoji

Some of the features listed above can be easily configured or disabled by you.

Information about Helium

At it's core, dactl is a forked version of sentenza but it has been almost entirely rewritten from scratch.
I have just started my journey in the world of web development, learning new things on the way.
Looking for a way to put my newly acquired skills to test I found Jekyll and I quickly realized that it's going to be a good learning experience since I don't like building 'dummy' projects.
I've built this theme as a way to develop my skills further.

You can find credits at the bottom of this Readme file.
All feedback is welcome, both positive and negative.


Running locally

Assuming you've got Jekyll installed, clone or download this repo, cd to wherever you've put helium folder and run jekyll -s'

Hosting on GitHub

Fork this repo and rename it to and edit the _config.yaml file whit your github address and your links (such as social media username, email, name, ecc.)!
Your new helium-themed Jekyll blog should be up and running at

Additional information about some features

Hero images and blog layout

Liquid 'script' which is used to append correct hero image and overlay color as set in post YAML Front matter was written by me and while it's really basic it functions properly.
You can read more about it and see the code in include/utils/hero.html.

Tags & Tags Pages

Tags and tag pages are supported by using Jekyll's native collections functionality.


Resources used

Inspiration and thoughtful code-jacking

Inspiration and bits of things listed below are present inside dactl's code:

  • Daktilo - dactl is based on Daktilo and inherits it's one-column layout.
  • Hydejack - I've learned a lot about Jekyll when I took apart @qwtel's excellent fork of Hyde theme. I embraced his more partials = everything is easier to edit policy. Hydejack theme gave me an idea on how to create hero images liquid scripting, loading google fonts and using rem's/em's and more.
  • Minimal Mistakes - This guy makes awesome themes and writes a lot about Jekyll and it's more obscure use cases on his blog, Made Mistakes. Looking through his theme's code - Minimal Mistakes in particular - gave me lot of information about how to build a robust theme and how to make it configurable within _config.yml
  • Trophy - Link border slide animation SASS mixin which I slightly modified to be able to easily change the direction of the animation.
  • Various blog posts about Jekyll and Stackoverflow posts with useful Liquid snippets.


All parts of helium Jekyll theme are free to use and abuse under the open-source MIT license.


  • Add Ads Block to home page
  • Minimize .css in <head> and all images for faster load times
  • 404 page styles
  • Create hightlight style for code parts

Help out

Im Antonio Trento and I'm looking for funds to be able to open my IT development company with many on-site projects, unfortunately they are hardly feasible without collaboration and an economic base.

If you want to contribute you can donate ethereum or bitcoin: