Skip to content
This repository has been archived by the owner on Nov 5, 2020. It is now read-only.
Kyle Kirkby edited this page Jun 9, 2020 · 8 revisions

Jumbo Jekyll Theme (v5.7.x)

This is an open source Jekyll theme built for use on the Linaro Jekyll static websites. This project aims to unify the styles and components of Linaro static websites and make it easier to replicate and deploy a new static site with enterprise features and quality.

Demo Sites

Websites using the theme:

Features

A few of the main features that this theme offers:

  • Lazy loading of images using the lazysizes.js/ls.unveilhook.js libraries
  • Diverse page header options including options for a video background, lazy loaded responsive background image or breadcrumb header
  • Nav.yml data file for navigation bar setup
  • footer.yml data file for page footer setup
  • Optional "Edit me on GitHub" buttons (useful for OSS projects)
  • Universal Navbar (useful feature for a group of related websites)
  • jekyll-picture-tag plugin for generating responsive compressed images to improve end-user experience on slower connections.
  • flow layout - the simplest way to create responsive and awesome static website pages without knowing any code (works well with NetlifyCMS)
  • SASS support from the built-in sass support from Jekyll
  • Open links to an external website in a new tab (javascript snippet)
  • Copy to clipboard javascript snippet for blog post code blocks
  • Netlify CMS support for the "flow" layout and website config files i.e settings.yml, nav.yml, footer.yml

CSS / Fonts

  • Bootstrap 4
  • SASS based styles
  • Page/Layout specific css bundles (you can specify the name of a css-package in the frontmatter of page)
  • Lato Google font statically included
  • Fontello - Custom Icon fonts builder for static sites

Javascript

  • jQuery JavaScript Library
  • Popper JS - popup plugin used by Bootstrap 4
  • Bootstrap 4 JS
  • clipboard.min.js
  • GDPR Compliant Cookie pop up with jquery.ihavecookies.js/jquery.cookie.js
  • Clipboard.min.js for enabling users to copy code snippets from blog posts easily
  • simple-jekyll-search for searching posts easily
  • Owl Carousel for cross-platform content carousels
  • lazysizes.js / ls.unveilhook.js (lazyloading of image/picture elements and css background images)
  • featherlight.js (ultra-lightweight lightbox)

Contributions

We happy to consider any contributions that you may have whether bug fixes/features. Please submit a pull request with your changes and we will take a look.

Clone this wiki locally