Forty - Jekyll Theme
A Jekyll version of the "Forty" theme by HTML5 UP.
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:
- Fork this repository.
- Set up a Personal Access Token (instructions) named
JEKYLL_PAT
. - 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. - 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 inconfig.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.