Skip to content

Commit

Permalink
Merge pull request #119 from brianmaierjr/remove-gulp
Browse files Browse the repository at this point in the history
Remove gulp
  • Loading branch information
brianmaierjr committed Feb 11, 2023
2 parents 9983602 + 830c404 commit 6025f2d
Show file tree
Hide file tree
Showing 25 changed files with 283 additions and 1,478 deletions.
4 changes: 3 additions & 1 deletion Gemfile
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,6 @@ source 'https://rubygems.org'
gem "jekyll"
gem "jekyll-paginate"
gem "support-for"
gem "http_parser"
gem "http_parser"
gem "webrick", "~> 1.7"

44 changes: 24 additions & 20 deletions Gemfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -4,76 +4,80 @@ GEM
addressable (2.8.1)
public_suffix (>= 2.0.2, < 6.0)
colorator (1.1.0)
concurrent-ruby (1.1.10)
concurrent-ruby (1.2.0)
em-websocket (0.5.3)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0)
eventmachine (1.2.7)
ffi (1.15.5)
forwardable-extended (2.6.0)
google-protobuf (3.21.12)
http_parser (0.1.3)
http_parser.rb (0.8.0)
i18n (1.12.0)
concurrent-ruby (~> 1.0)
jekyll (4.2.2)
jekyll (4.3.2)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
i18n (~> 1.0)
jekyll-sass-converter (~> 2.0)
jekyll-sass-converter (>= 2.0, < 4.0)
jekyll-watch (~> 2.0)
kramdown (~> 2.3)
kramdown (~> 2.3, >= 2.3.1)
kramdown-parser-gfm (~> 1.0)
liquid (~> 4.0)
mercenary (~> 0.4.0)
mercenary (>= 0.3.6, < 0.5)
pathutil (~> 0.9)
rouge (~> 3.0)
rouge (>= 3.0, < 5.0)
safe_yaml (~> 1.0)
terminal-table (~> 2.0)
terminal-table (>= 1.8, < 4.0)
webrick (~> 1.7)
jekyll-paginate (1.1.0)
jekyll-sass-converter (2.2.0)
sassc (> 2.0.1, < 3.0)
jekyll-sass-converter (3.0.0)
sass-embedded (~> 1.54)
jekyll-watch (2.2.1)
listen (~> 3.0)
kramdown (2.4.0)
rexml
kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0)
liquid (4.0.3)
listen (3.7.1)
liquid (4.0.4)
listen (3.8.0)
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.4.0)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (5.0.0)
public_suffix (5.0.1)
rb-fsevent (0.11.2)
rb-inotify (0.10.1)
ffi (~> 1.0)
rexml (3.2.5)
rouge (3.30.0)
rouge (4.0.1)
safe_yaml (1.0.5)
sass (3.7.4)
sass-listen (~> 4.0.0)
sass-embedded (1.58.0-arm64-darwin)
google-protobuf (~> 3.21)
sass-listen (4.0.0)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
sassc (2.4.0)
ffi (~> 1.9)
support-for (1.0.7)
sass (~> 3.3)
terminal-table (2.0.0)
unicode-display_width (~> 1.1, >= 1.1.1)
unicode-display_width (1.8.0)
terminal-table (3.0.2)
unicode-display_width (>= 1.1.1, < 3)
unicode-display_width (2.4.2)
webrick (1.8.1)

PLATFORMS
x86_64-darwin-21
arm64-darwin-22

DEPENDENCIES
http_parser
jekyll
jekyll-paginate
support-for
webrick (~> 1.7)

BUNDLED WITH
2.3.7
2.3.26
54 changes: 28 additions & 26 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
![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.
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).

Expand All @@ -10,19 +10,19 @@ If you really enjoy Long Haul and want to give me credit somewhere on the intern

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

Expand All @@ -31,30 +31,32 @@ If you really enjoy Long Haul and want to give me credit somewhere on the intern
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!
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)
- **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.*
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
- **header:** large

![preview Long Haul](/preview-large.png)

## To use on GitHub Pages

To use latest Jekyll and Jekyll Sass Converter on GitHub Pages, <a href="https://github.blog/changelog/2022-07-27-github-pages-custom-github-actions-workflows-beta/">you can now deploy to a GitHub Pages site using GitHub Actions.</a>

## 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.
27 changes: 15 additions & 12 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
title: Long Haul
description: Long Form Jekyll theme built with SASS / COMPASS / SUSY
description: Long Form Jekyll theme built with SASS

url: https://long-haul.netlify.app
paginate_path: "blog/page:num/"
Expand All @@ -8,25 +8,28 @@ permalink: blog/:title/
# Header Option
# header: large

sass:
style: compressed

markdown: kramdown
highlighter: rouge
plugins: [jekyll-paginate]
paginate: 5

navigation:
- title: Home
url: /index.html
- title: About
url: /about
- title: Contact
url: /contact
- title: Home
url: /index.html
- title: About
url: /about
- title: Contact
url: /contact

social:
github: brianmaierjr
twitter: brianmaierjr
facebook: brianmaierjr
email: brimaidesigns@gmail.com
linkedin: brianmaierjr
github: brianmaierjr
twitter: brianmaierjr
facebook: brianmaierjr
email: brimaidesigns@gmail.com
linkedin: brianmaierjr

google_analytics: "UA-58263416-1"

Expand Down
145 changes: 77 additions & 68 deletions _includes/head.html
Original file line number Diff line number Diff line change
@@ -1,77 +1,86 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>{{ page.title }}</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" />
<title>{{ page.title }}</title>

<!-- Open Graph Meta -->
<meta content="{{ site.title }}" property="og:site_name">
{%- if page.title -%}
<meta content="{{ page.title }}" property="og:title">
{%- else -%}
<meta content="{{ site.title }}" property="og:title">
{%- endif -%}
{%- if page.title -%}
<meta content="article" property="og:type">
{%- else -%}
<meta content="website" property="og:type">
{%- endif -%}
{%- if page.description -%}
<meta content="{{ page.description }}" property="og:description">
{%- else -%}
<meta content="{{ site.description }}" property="og:description">
{%- endif -%}
{%- if page.url -%}
<meta content="{{ site.url }}{{ page.url }}" property="og:url">
{%- endif -%}
{%- if page.date -%}
<meta content="{{ page.date | date_to_xmlschema }}" property="article:published_time">
<meta content="{{ site.url }}/about/" property="article:author">
{%- endif -%}
{%- if page.image -%}
<meta content="{{ site.url }}/assets/img/{{ page.image }}" property="og:image">
{%- else -%}
<meta content="{{ '/assets/img/touring.jpg' | prepend: site.url }}" property="og:image">
{%- endif -%}
<!-- Open Graph Meta -->
<meta content="{{ site.title }}" property="og:site_name" />
{%- if page.title -%}
<meta content="{{ page.title }}" property="og:title" />
{%- else -%}
<meta content="{{ site.title }}" property="og:title" />
{%- endif -%} {%- if page.title -%}
<meta content="article" property="og:type" />
{%- else -%}
<meta content="website" property="og:type" />
{%- endif -%} {%- if page.description -%}
<meta content="{{ page.description }}" property="og:description" />
{%- else -%}
<meta content="{{ site.description }}" property="og:description" />
{%- endif -%} {%- if page.url -%}
<meta content="{{ site.url }}{{ page.url }}" property="og:url" />
{%- endif -%} {%- if page.date -%}
<meta
content="{{ page.date | date_to_xmlschema }}"
property="article:published_time"
/>
<meta content="{{ site.url }}/about/" property="article:author" />
{%- endif -%} {%- if page.image -%}
<meta
content="{{ site.url }}/assets/img/{{ page.image }}"
property="og:image"
/>
{%- else -%}
<meta
content="{{ '/assets/img/touring.jpg' | prepend: site.url }}"
property="og:image"
/>
{%- endif -%}

<!-- Twitter Cards -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@{{ site.social.twitter }}">
<meta name="twitter:creator" content="@{{ site.social.twitter }}">
{%- if page.title -%}
<meta name="twitter:title" content="{{ page.title }}">
{%- else -%}
<meta name="twitter:title" content="{{ site.title }}">
{%- endif -%}
{%- if page.url -%}
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}">
{%- endif -%}
{%- if page.description -%}
<meta name="twitter:description" content="{{ page.description }}">
{%- else -%}
<meta name="twitter:description" content="{{ site.description }}">
{%- endif -%}
{%- if page.image -%}
<meta name="twitter:image:src" content="{{ site.url }}/assets/img/{{ page.image }}">
{%- else -%}
<meta name="twitter:image:src" content="{{ '/assets/img/touring.jpg' | prepend: site.url }}">
{%- endif -%}
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@{{ site.social.twitter }}" />
<meta name="twitter:creator" content="@{{ site.social.twitter }}" />
{%- if page.title -%}
<meta name="twitter:title" content="{{ page.title }}" />
{%- else -%}
<meta name="twitter:title" content="{{ site.title }}" />
{%- endif -%} {%- if page.url -%}
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}" />
{%- endif -%} {%- if page.description -%}
<meta name="twitter:description" content="{{ page.description }}" />
{%- else -%}
<meta name="twitter:description" content="{{ site.description }}" />
{%- endif -%} {%- if page.image -%}
<meta
name="twitter:image:src"
content="{{ site.url }}/assets/img/{{ page.image }}"
/>
{%- else -%}
<meta
name="twitter:image:src"
content="{{ '/assets/img/touring.jpg' | prepend: site.url }}"
/>
{%- endif -%}

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico" />

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico" />
<!-- Come and get me RSS readers -->
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}"
href="{{ "/feed.xml" | prepend: site.url }}" />

<!-- Come and get me RSS readers -->
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.url }}" />

<!-- Stylesheet -->
<link rel="stylesheet" href="/assets/css/style.css">
<!--[if IE 8]><link rel="stylesheet" href="/assets/css/ie.css"><![endif]-->
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
<!-- Stylesheet -->
<link rel="stylesheet" href="/assets/css/style.css" />

<!-- Modernizr -->
<script src="/assets/js/modernizr.custom.15390.js"" type="text/javascript"></script>
<!-- Canonical URL -->
<link
rel="canonical"
href="{{ page.url | replace:'index.html','' | prepend: site.url }}"
/>

{%- if site.google_analytics -%} {%- include google_analytics.html -%} {%- endif -%}
{%- if site.google_analytics -%} {%- include google_analytics.html -%} {%-
endif -%}
</head>
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Loading

0 comments on commit 6025f2d

Please sign in to comment.