/forty-jekyll-theme

A Jekyll version of the "Forty" theme by HTML5 UP.

Primary LanguageSCSSOtherNOASSERTION

Forty - Jekyll Theme

A Jekyll version of the "Forty" theme by HTML5 UP.

Forty Theme

How to Use

For those unfamiliar with how Jekyll works, check out jekyllrb.com for all the details, or read up on just the basics of front matter, writing posts, and creating pages.

  • GitLab: Simply fork this repository and start editing the _config.yml file!
  • GitHub:
  1. Fork this repository.
  2. Set up a Personal Access Token (instructions) named JEKYLL_PAT.
  3. The GitHub Actions workflow should have run when you forked the repo. This initial run will fail because of the missing JEKYLL_PAT secret not being set. Got to the workflow run and click "re-run all workflows". This time it should succeed.
  4. Start editing the _config.yml file!

NOTE: GitHub Actions is required to deploy to GitHub Pages because GitHub refuses to update their version of Jekyll.

Added Features

  • Formspree.io contact form integration - just add your email to the _config.yml and it works!
  • Use _config.yml to set whether the homepage tiles should pull pages or posts, as well as how many to display.
  • Add your social profiles easily in _config.yml. Only social profiles buttons you enter in config.yml show up on the site footer!
  • Set featured images in front matter.

Credits

Original README from HTML5 UP:

Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)


This is Forty, my latest and greatest addition to HTML5 UP and, per its incredibly
creative name, my 40th (woohoo)! It's built around a grid of "image tiles" that are
set up to smoothly transition to secondary landing pages (for which a separate page
template is provided), and includes a number of neat effects (check out the menu!),
extra features, and all the usual stuff you'd expect. Hope you dig it!

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

(* = not included)

AJ
aj@lkn.io | @ajlkn


Credits:

	Demo Images:
		Unsplash (unsplash.com)

	Icons:
		Font Awesome (fortawesome.github.com/Font-Awesome)

	Other:
		jQuery (jquery.com)
		html5shiv.js (@afarkas @jdalton @jon_neal @rem)
		background-size polyfill (github.com/louisremi)
		Misc. Sass functions (@HugoGiraudel)
		Respond.js (j.mp/respondjs)
		Skel (skel.io)

Repository Jekyll logo icon licensed under a Creative Commons Attribution 4.0 International License.