Skip to content

davbree/elite-mango

Repository files navigation

preview Long Haul

Long Haul is a minimal jekyll theme built with SASS / GULP / BROWSERSYNC / AUTOPREFIXER and focuses on long form blog posts. It is meant to be used as a starting point for a jekyll blog/website.

If you really enjoy Long Haul and want to give me credit somewhere on the internet send or tweet out your experience with Long Haul and tag me @brianmaierjr.

Features

  • Minimal, Type Focused Design
  • Built with GULP + SASS + BROWSERSYNC + AUTOPREFIXER
  • SVG Social Icons
  • Responsive Nav Menu
  • XML Feed for RSS Readers
  • Contact Form via Formspree
  • 5 Post Loop with excerpt on Home Page
  • Previous / Next Post Navigation
  • Estimated Reading Time for posts
  • Stylish Drop Cap on posts
  • A Better Type Scale for all devices
  • Comments powered by Disqus
  • Dark Mode support via prefers-color-scheme

Setup

  1. Install Jekyll
  2. Fork the Long Haul repo
  3. Clone it
  4. Install Bundler
  5. Run bundle install
  6. Install gulp dependencies by running npm install
  7. Run Jekyll and watch files by running bundle exec gulp
  8. Customize and watch the magic happen!

Site Settings

The main settings can be found inside the _config.yml file:

  • title: title of your site
  • description: description of your site
  • url: your url
  • paginate: the amount of posts displayed on homepage
  • navigation: these are the links in the main site navigation
  • social diverse social media usernames (optional)
  • google_analytics Google Analytics key (optional)

Header Option

If you'd like your header to be larger then you can use the option below in you config.yml to make it take up half of the vertical space on screens 800px wide and up. Preview image below.

  • header: large

preview Long Haul

License

This is MIT with no added caveats, so feel free to use this Jekyll theme on your site without linking back to me or using a disclaimer.