https://github.com/davbree/elite-mango

Jamstack site created with Stackbit
https://github.com/davbree/elite-mango

git headless jamstack jekyll ssg stackbit static

Last synced: 12 days ago
JSON representation

Jamstack site created with Stackbit

• Host: GitHub
• URL: https://github.com/davbree/elite-mango
• Owner: davbree
• License: mit
• Created: 2020-12-14T10:23:42.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-12-14T10:23:53.000Z (about 4 years ago)
• Last Synced: 2024-12-01T17:28:50.167Z (2 months ago)
• Topics: git, headless, jamstack, jekyll, ssg, stackbit, static
• Language: SCSS
• Homepage: https://jamstack.new
• Size: 2.66 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• 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 / 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](https://twitter.com/brianmaierjr).

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

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

## 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.