Blog Layout

.github/workflows/build.yml

@@ -3,7 +3,6 @@ on:
   push:
     branches:
       - master
-      - d3-pre-deploy
 
 jobs:
   build-and-deploy:

.gitignore

@@ -1,9 +1,14 @@
-// Mac OSX files
-/.DS_Store
-*/.DS_Store
+# Mac OSX files
+.DS_Store
 
-// SASS Artifacts
+# SASS Artifacts
 .sass-cache
 
-// Jekyll render
+# Jekyll render
+.jekyll-cache
 _site
+
+# Editor cruft
+.*.swp
+*~
+.vscode

Gemfile

@@ -1,15 +1,14 @@
 source "https://rubygems.org"
 
-gem "jekyll", ">=3.8.6"
-gem "jekyll-watch", ">=2.0.0"
-gem 'jekyll-autoprefixer', ">=1.0.0"
-gem "jekyll-assets", ">=3.0.12"
-gem "jekyll-github-metadata"
-gem "liquid", ">=4.0.0"
 gem "pygments.rb", ">=1.2.1"
-gem "redcarpet", ">=3.1"
 gem "rake", ">=12.3.0"
 gem "sass",">=3.7.4"
-gem "sass-globbing",">=1.1.0"
 gem "uglifier",">=4.1.0"
-gem "sprockets", "~> 3.7"
+
+gem "jekyll", ">=4.0.0"
+
+group :jekyll_plugins do
+    gem "jekyll-watch", ">=2.0.0"
+    gem 'jekyll-autoprefixer', ">=1.0.0"
+    gem "jekyll-github-metadata"
+end

_blog/2020-08-01-an-example.md

@@ -0,0 +1,15 @@
+---
+layout: blog
+title: An Example of a Blog Post
+author: A Person
+permalink: blog/2020/08/01/an-example/
+published: true
+---
+
+### Here is some content!
+
+Isn't it awesome content? Aren't we cool?!?!
+
+#### Subheadings
+
+Aren't they beautiful?!?!

_config.yml

@@ -6,8 +6,6 @@ github.pages_hostname: https://thepolicylab.brown.edu
 
 markdown: kramdown
 highlighter: rouge
-redcarpet:
-  extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "strikethrough", "superscript", "with_toc_data"]
 
 baseurl: /
 port: 4060
@@ -34,6 +32,9 @@ collections:
   events:
     output: false
     permalink: /events/:name
+  blog:
+    output: true
+    permalink: /blog/:name
 
 # Exclude from _site build
 exclude: ['.git',
@@ -52,9 +53,3 @@ relative_permalinks: false
 
 sass:
   sass_dir: _sass
-
-
-# Plugins and extras
-plugins:
-- jekyll-autoprefixer
-- jekyll-github-metadata

_includes/blog-teaser.html

@@ -0,0 +1,9 @@
+<div class="blog__post col-12 u__vspacing-b">
+    <a href="{{ '/' | relative_url }}{{ blogpost.permalink }}" class="blog__link">
+      <p>
+        <span class="blog__date">{{ blogpost.date | date: "%B %d, %Y" }}</span>
+        <span class="blog__name h5">{{ blogpost.title }}</span>
+        <span class="blog__author">by {{ blogpost.author }}</span>
+      </p>
+    </a>
+  </div>

_layouts/blog.html

@@ -0,0 +1,44 @@
+---
+layout: default
+body-class: blog
+---
+
+<section id="content" class="layout__main blog">
+    <div class="blog__post__profile">
+      <header class="blog__post__header u__spacing s__light-splatter s__lil-splatter">
+        <div class="row u__container">
+          <div class="col-sm-12 blog__post__name">
+            <h1 class="blog__post__title display-5 pt-4 mb-2">{{ page.title }}</h1>
+            <p class="blog__post__position h4"><b>{{ page.author }}</b></p>
+          </div>
+        </div>
+      </header>
+
+      <article class="container u__container u__vspacing blog__post__content">
+        <div class="row">
+          <div class="col-sm-12 col-lg-12">
+
+            {{ content }}
+
+          </div>
+        </div>
+      </article>
+    </div>
+
+    <aside class="u__vspacing s__primary s__primary-clean">
+      <div class="u__container u__spacing connect">
+        <div class="row">
+          <div class="col-md-3 col-lg-4">
+            <h2 class="h1">Get Updates</h2>
+          </div>
+          <div class="col-md-9 col-lg-8">
+            <p class="lead">Sign up to get updates on projects, events, and new episodes of our podcast, <a href="https://thirtythousandleagues.com/">30,000 Leagues</a></p>
+
+            {% include mailchimp.html %}
+
+          </div>
+        </div>
+      </div>
+    </aside>
+
+  </section>