https://github.com/brianmaierjr/long-haul

A minimal, type-focused Jekyll theme.
https://github.com/brianmaierjr/long-haul

autoprefixer blog blog-theme blogging browsersync css gulp jekyll jekyll-template jekyll-theme jekyll-themes minimal navigation sass social static-site static-site-generator theme

Last synced: 23 days ago
JSON representation

A minimal, type-focused Jekyll theme.

• Host: GitHub
• URL: https://github.com/brianmaierjr/long-haul
• Owner: brianmaierjr
• License: mit
• Created: 2014-12-14T08:41:52.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2024-08-10T16:42:38.000Z (3 months ago)
• Last Synced: 2024-09-29T02:41:10.310Z (about 1 month ago)
• Topics: autoprefixer, blog, blog-theme, blogging, browsersync, css, gulp, jekyll, jekyll-template, jekyll-theme, jekyll-themes, minimal, navigation, sass, social, static-site, static-site-generator, theme
• Language: SCSS
• Homepage: http://brianmaierjr.com/long-haul
• Size: 49.7 MB
• Stars: 674
• Watchers: 12
• Forks: 772
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![preview Long Haul](/preview.jpg)

Long Haul is a minimal jekyll theme built with SASS 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](https://twitter.com/brianmaierjr).

#### [View Demo](http://brianmaierjr.com/long-haul)

[![Netlify Status](https://api.netlify.com/api/v1/badges/bd29f13b-3754-46d7-9a39-48db2e174b99/deploy-status)](https://app.netlify.com/sites/long-haul/deploys)

## Features

-   Minimal, Type Focused Design

-   Built with SASS

-   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](https://github.com/brianmaierjr/long-haul/blob/master/preview-dark.png) via [prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)

## Setup

1. [Install Jekyll](http://jekyllrb.com)

2. Fork the [Long Haul repo](http://github.com/brianmaierjr/long-haul)

3. Clone it

4. [Install Bundler](http://bundler.io/)

5. Run `bundle install`

6. Run Jekyll Serve and Watch command`bundle exec jekyll serve -w`

## 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](/preview-large.png)

## To use on GitHub Pages

To use latest Jekyll and Jekyll Sass Converter on GitHub Pages, you can now deploy to a GitHub Pages site using GitHub Actions.

## License

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