Thunder

      2 mins read.  

Thunder

Thunder is a lightning fast responsive theme based on default Jekyll theme. It is minimal and free from JavaScript. It has a css file of size 5kb. This theme is best suited for minimal blogs.

Thunder is a minimal, lightweight jekyll theme suitable for text based blogs. It does not make many external http queries and everything is online. That results in an increased page load speed.

Features

Customizable theme

The theme can be customized just by changing few variables in _config.yml file.

Inline CSS

Since the style used in this theme is very less, I’m inlining it. This will save a request and hence speeds up website loading.

Light-weight

Since the theme is based on default Jekyll theme, it is very light-weight. No JavaScript except analytics is used!

jekyll theme thunder speed test

An example page loads completely in 1.1s!

In a comparision, it loads faster than an amp page made using Jekyll - amplify.

Amplify page loading speedAmp page loading speed

Thunder page loading speedThunder page loading speed

Though the contents of the page are different, they are comparable because both pages have one image and thunder example has code, blockquote, table ordered list, unordered list and all headers. That I think is a fair comparision.

Default theme will look like this

webjeda thunder jekyll theme

This theme is responsive.

webjeda thunder jekyll responsive theme

Customization

Theme

The theme provides a nice header that can be customized by changing colors in the _config.yml file.

#color scheme
color-1: '#E64C3C'
color-2: '#F0C419' 

webjeda sidebar theme

Remember, while developing locally, every change you make in _config.yml is applied only if you restart jekyll serve process.

Font

The default font is Helvetica. Text shadow is used to give it a little deapth.

The webjeda thunder logo is an SVG file. This can be removed and text can be used as the logo. Make these changes in the header file. But I suggest to use an SVG or an image.

Development

Make changes to the master branch and create a pull request. Do not use gh-pages branch as it is used to host the theme.

License

MIT License

Demo Repository Download

You May Also Like

0 Comments