Long Haul

screenshot of Long Haul
jekyll
scss

A minimal, type-focused Jekyll theme.

Overview

Long Haul is a minimal Jekyll theme designed for long-form blog posts. It uses SASS and is intended to serve as a starting point for a Jekyll blog or website. The theme features a type-focused design, responsive navigation menu, XML feed for RSS readers, a contact form, and support for dark mode.

Features

  • Minimal, type-focused design
  • Built with SASS
  • SVG social icons
  • Responsive navigation 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
  • Better type scale for all devices
  • Comments powered by Disqus
  • Dark mode support via prefers-color-scheme
jekyll
Jekyll

Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.