tbrennan77/spreadthegospel

This site was built with Jekyll—a static site generator— and Node. Build and deployment details in the README.

Spread the Gospel website

This site was built with Jekyll—a static site generator.

Requirements

• Jekyll—see the official documentation for requirements for installing Jekyll.
• Node

Development

The following are instructions for compiling and developing the site. For more about Jekyll, read the official Quick-start guide.

1. Clone the project and cd into the directory.
2. Run npm install && bundle to install dependencies.

HTML

• Most of the markup lives in index.html.
• index.html relies on the default layout file, _layouts/default.html.

CSS

• CSS is compiled via Sass in the SCSS syntax—Jekyll comes with Sass support.
• Files are located in assets/css—assets/css/site.scss is the manifest.

JS

• JS files are in assets/js.

Compiling

• bundle exec jekyll build performs a compile of the site.
• The production-ready files are generated in the _site directory.

Development Environment

• bundle exec jekyll serve creates a local development environment—point your browser to http://localhost:4000.

I included some niceties if you’d like some extra, development-friendly tools. This requires:

• Gulp

The following are commands that you may find helpful:

• npm run watch: run development environment—point your browser to http://localhost:3000. This includes CSS hot-reloading—see CSS changes instantly without reloading the browser.
• npm run dist: creates production-ready files—_site directory—which includes compressing CSS and uglifying JS.