smledbetter/jekyllized-story

Story by HTML5UP gets the Jekyll treatment.

Jekyllized Story by HTML5 UP and Stevo html5up.net | @ajlkn smledbetter.com | @thecoachstevo Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

Jekyllized Story is a Franken-theme created mostly from HTML5 UP's Story with a drawer menu and blog layout from Phantom, and a custom header menu. Much of the Jekyllization is based on andrewbanchich's Jekyllized Phantom Theme.

Highlights:

• Extremely modular and tweakable, and as such is entirely built on reusable, insanely customizable elements (like "spotlight" and "gallery") that can be endlessly duplicated and tweaked into whatever you need to tell your story -- without, in many cases, touching any CSS.
• An interactive demo homepage.

Added by Stevo

• Docker-Compose development environment.
• Custom headers.
• Custom gradient typography, tied to theme colors.
• Image overlay, "jekyll-story," tied to theme colors.
• Gradient icons, tied to theme colors.
• Additional spotlight layout.
• More transitions.
• More modifiers.
• Multiple pages and layouts.
• Multi-author blogging.
• Automatically generated Open Graph, Twitter, Schema.org, JSON-LD, SEO meta tags.
• Automatically generated Social Media footer.
• Updated to FontAwesome 5 via CDN.
• Swiper slideshow.
• CSSgram custom image overlays.

Examples in the wild

• habitry.com
• smledbetter.com

Demo images** courtesy of Pexels, a radtastic collection of CC0 (public domain) images you can use for pretty much whatever.

PS: Delete index-demo.html and assets/js/demo.js when you're done messing with the demo as neither are needed in production :)

AJ aj@lkn.io | @ajlkn

Stevo smledbetter.com | @thecoachstevo

Credits:

Demo Images:
	Pexels](https://www.pexels.com/)

Icons:
	[FontAwesome](https://fontawesome.com/)

Other:
	jQuery (jquery.com)
	Misc. Sass functions (@HugoGiraudel)
	Skel (skel.io)