demo-portfolio

demo-portfolio

A Jekyll version of the "Phantom" theme by HTML5 UP with the help of Andrew Banchich https://andrewbanchich.gitlab.io/Phantom-Jekyll-Theme

Phantom - Jekyll Theme

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

How to Use

For those unfamiliar with how Jekyll works, check out https://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 reposity and create a branch named gh-pages, then start editing the _config.yml file! The .gitlab-ci.yml file is only needed for GitLab Pages, so feel free to delete this if you are using GitHub instead.

Added Features

I've integrated lots of nice Jekyll features into the theme, such as:

  • Formspree.io contact form integration - just add your email to the _config.yml and it works!
  • Your social profiles are linked from usernames you enter in _config.yml. Only social profiles buttons you enter in config.yml show up on the site footer.
  • Site logo support - Easily set any image or Font Awesome icon as your logo. If you enter a Font Awesome icon class in _config.yml it will override the default image used as the site logo.
  • Coming soon: Automatic sitemap generation in GitLab and GitHub Pages via the Jekyll Sitemap Generator plugin.
  • Coming soon: Featured images and thumbnails in front matter for the homepage posts grid.
  • Coming soon: Easy featured image settings in _config.yml - choose to have Jekyll use a set height for featured images or have it display the entire image, pushing the page content further down.

Credits

Original README from HTML5 UP:

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


This is Phantom, a simple design built around a grid of large, colorful, semi-interactive
image tiles (of which you can have as many or as few as you like). Makes use of some
SVG and animation techniques I've been experimenting with on that other project of mine
you may have heard about (https://carrd.co), and includes a handy generic page for whatever.

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

(* = not included)

AJ
[email protected] | @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)
        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.