Lucid Jekyll theme

Jekyll theme based on Freelancer bootstrap theme

Screenshot

Installation

Add this line to your Jekyll site's Gemfile:

gem "lucid-jekyll-theme"

And add this line to your Jekyll site's _config.yml:

theme: lucid-jekyll-theme

If you are using this theme for GitHub pages, also ass this line to _config.yml:

remote-theme: kelley12/lucid-jekyll-theme

And then execute:

bundle

Or install it yourself as:

gem install lucid-jekyll-theme

How to use

Place a image in /assets/img/portfolio/
Replace your-email@domain.com in _config.yml with your email address. Refer to formspree for more information.
Create posts to display your projects. Use the follow as an example:

---
layout: default
modal-id: 1
date: 2014-07-18
img: cabin.png
alt: image-alt
project-date: July 2014
client: The Client
category: Web Development
description: The description of the project
---

Usage

Layouts

Default

The default theme is what is used for the main page

Includes

The includes directory contains 3 folders: head, body, and sections

Head

The head directory contains all html files used in the <head> tag of the website.

Body

The body directory contains all html files used in the <body> tag of the website.

Sections

The sections directory contains all of the html files used to populate the home page. These files are added and ordered in _config.yml.

For example:

sections:
  - title: Portfolio
    filename: portfolio_grid.html
  - title: About
    filename: about.html
    css-class: success

The Portfolio section will be first using the portfolio_grid.html file in _includes/sections/ followed by About.

Assets

Used to store images for the background images and the portfolio section if used

Demo

View this jekyll theme in action here

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/Kelley12/lucid-jekyll-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.