diff --git a/.github/workflows/github-pages.yaml b/.github/workflows/github-pages.yaml
new file mode 100644
index 0000000..c3e6a20
--- /dev/null
+++ b/.github/workflows/github-pages.yaml
@@ -0,0 +1,47 @@
+name: GitHub Pages
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-20.04
+    env:
+      DEPLOY_DIR: _site/
+      DEPLOY_BRANCH: gh-pages
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Prepare branch
+        run: |
+          mkdir "${DEPLOY_DIR}"
+          cd "${DEPLOY_DIR}"
+          # Clone and checkout existing branch, or initialise with a new and empty branch
+          git clone --depth 5 --branch "${DEPLOY_BRANCH}" "https://github.com/${GITHUB_REPOSITORY}.git" . || git init -b "${DEPLOY_BRANCH}"
+
+      - uses: ruby/setup-ruby@v1
+        # If your site is in a subdirectory
+        # working-directory: ./
+        with:
+          ruby-version: 2.7
+          bundler-cache: true
+
+      - name: Jekyll build
+        # If your site is in a subdirectory
+        # working-directory: ./
+        run: bundle exec jekyll build
+
+      - name: Push to branch
+        # Inspired by https://github.com/helaili/jekyll-action/blob/2.2.0/entrypoint.sh
+        env:
+          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
+        run: |
+          cd "${DEPLOY_DIR}"
+          touch .nojekyll
+          git config user.name "${GITHUB_ACTOR}" && \
+          git config user.email "${GITHUB_ACTOR}@users.noreply.github.com" && \
+          git add . && \
+          git commit --allow-empty -m "Build commit ${GITHUB_SHA}" && \
+          git push "https://${GITHUB_ACTOR}:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git" "HEAD:${DEPLOY_BRANCH}"
diff --git a/.github/workflows/spider-check.yaml b/.github/workflows/spider-check.yaml
index 0cfcf3e..32b48a4 100644
--- a/.github/workflows/spider-check.yaml
+++ b/.github/workflows/spider-check.yaml
@@ -21,7 +21,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
         with:
-          repository: qunitjs/hydra-link-checker
+          repository: jquery/hydra-link-checker
           ref: v1.0.2
 
       - name: Run hydra-link-checker
diff --git a/.gitignore b/.gitignore
index 09ae38d..697fd3a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+/.jekyll-cache/
 /.sass-cache/
 /_site/
 /Gemfile.lock
diff --git a/404.md b/404.md
new file mode 100644
index 0000000..18c78c2
--- /dev/null
+++ b/404.md
@@ -0,0 +1,9 @@
+---
+layout: page
+title: Page not found
+permalink: /404.html
+amethyst:
+  hero: false
+---
+
+<p class="lead" markdown="1">It seems we can’t find what you’re looking for.</p>
diff --git a/Gemfile b/Gemfile
index e519529..1b75e43 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,8 +1,17 @@
 source "https://rubygems.org"
 ruby RUBY_VERSION
 
-gem 'github-pages', group: :jekyll_plugins
-gem 'jekyll-algolia', "1.7.0", group: :jekyll_plugins
+gem "jekyll", "~> 4.2.0"
+gem "kramdown-parser-gfm", "1.1.0"
+gem "jekyll-redirect-from", "~> 0.16.0", group: :jekyll_plugins
+gem "jekyll-remote-theme", "~> 0.4.3", group: :jekyll_plugins
 
-# Temporary fix for https://github.com/github/pages-gem/issues/752
+# Blog
+gem "jekyll-feed", "~> 0.15.1", group: :jekyll_plugins
+gem "jekyll-archives", "~> 2.2.1", group: :jekyll_plugins
+
+# Search
+gem "jekyll-algolia", "~> 1.7.0", group: :jekyll_plugins
+
+# Temporary fix until there is a release with https://github.com/jekyll/jekyll/pull/8524/
 gem "webrick", "~> 1.7"
diff --git a/_config.yml b/_config.yml
index c241ff3..489183e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -13,8 +13,11 @@
 # Docs: https://jekyllrb.com/docs/configuration/
 title: Amethyst Demo
 description: "An amazing website."
-permalink: /:title/
+# For pages (not blog posts) this is equivalant to /:title/
+permalink: /:year/:month/:day/:title/
 baseurl: /jekyll-theme-amethyst
+lang: en
+timezone: UTC
 # Disable theme inheritance since this repo contains its own theme top-level theme.
 # This isn't needed for plain Jekyll, but because we use github-pages as basis
 # we otherwise inherit from the 'primer' theme.
@@ -79,3 +82,14 @@ algolia:
   # * Include tables (index per row for better excerpts).
   # * Include <pre> (typically code examples, omit if it "poisons" results too much).
   nodes_to_index: "p,li,tr,pre"
+
+
+# Blog archives
+#
+# Docs: https://github.com/jekyll/jekyll-archives/
+jekyll-archives:
+  enabled:
+    - year
+  layout: posts-year
+  permalinks:
+    year: "/:year/"
diff --git a/_data/sidebar_blog.yml b/_data/sidebar_blog.yml
new file mode 100644
index 0000000..5f76097
--- /dev/null
+++ b/_data/sidebar_blog.yml
@@ -0,0 +1,11 @@
+- type: tags
+  title: Tags
+  expand: true
+
+- type: recent
+  title: Recent posts
+  expand: true
+
+- type: archive
+  title: Archives
+  expand: true
diff --git a/_data/sitenav.yml b/_data/sitenav.yml
index c1c2ea8..ded7f65 100644
--- a/_data/sitenav.yml
+++ b/_data/sitenav.yml
@@ -5,5 +5,7 @@
       href: /intro/
 - name: Documentation
   href: /api/
+- name: Blog
+  href: /blog/
 - name: About
   href: /about/
diff --git a/_includes/opengraph.html b/_includes/opengraph.html
index 9595940..104e937 100644
--- a/_includes/opengraph.html
+++ b/_includes/opengraph.html
@@ -1,9 +1,28 @@
+{%- assign feed_page = site.pages | where: 'url', '/feed.xml' | first -%}
+{%- if feed_page -%}
+<link rel="alternate" type="application/rss+xml" href="{{ feed_page.url | relative_url | escape }}" title="{{ site.title | escape }}">
+{% endif -%}
+
+{%- assign page_title = page.title -%}
+{%- if page_title == nil and page.date -%}
+    {%- comment -%}
+    Deal with jekyll-archives refusing to add, or facilitate addition of, a title to archive pages.
+    {%- endcomment -%}
+    {%- if page.type == "year" -%}
+        {%- assign page_title = page.date | date: '%Y' -%}
+    {%- elsif page.type == "month" -%}
+        {%- assign page_title = page.date | date: '%B %Y' -%}
+    {%- endif -%}
+{%- endif -%}
+
+<title>{% if page.url != '/' and page_title %}{{ page_title | escape }} | {% endif %}{{ site.title | escape }}</title>
+
 {%- comment -%}
     See https://ogp.me/
-{%- endcomment -%}
-{% capture meta %}
+{%- endcomment %}
+{% capture opengraph %}
 
-<meta property="og:title" content="{% if page.title %}{{ page.title | escape }} - {% endif %}{{ site.title | escape }}">
+<meta property="og:title" content="{{ page_title | default: site.title | escape }}">
 
 {% if page.excerpt %}
     {%- assign excerpt = page.excerpt %}
@@ -27,4 +46,4 @@
 <meta name="twitter:card" content="summary_large_image">
 
 {% endcapture -%}
-{{ meta | strip_newlines }}
+{{ opengraph | strip_newlines }}
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 21bfced..4c28804 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -11,6 +11,8 @@
   What type of block to add to the sidebar.
   - "group" to query a list of pages from a page group.
   - "list" to specify your own custom list.
+  - "archive" to query a list of chronological pages based on their layout.
+  - "tags" to query a list of alphabetical pages based on their layout.
 
 * title: [Default: group_page.title or ""]
   For a "group" block this defaults to the title of the group index page.
@@ -52,6 +54,10 @@
 		{%- assign block_contents = site.pages | where: 'groups', block.group | sort_natural: 'title' -%}
 	{%- elsif block_type == "recent" -%}
 		{%- assign block_contents = site.posts | slice: 0, 5 -%}
+	{%- elsif block_type == "archive" -%}
+		{%- assign block_contents = site.pages | where: "layout", "posts-year" | sort_natural: 'date' | reverse  -%}
+	{%- elsif block_type == "tags" -%}
+		{%- assign block_contents = site.pages | where: "layout", "posts-tag" | sort_natural: 'title'  -%}
 	{%- endif -%}
 
 	{%- if block_expand == "active" -%}
@@ -68,7 +74,13 @@
 	<ul class="sidebar-list">
 	{%- for entry in block_contents %}
 	<li class="sidebar-item{% if page.url == entry.url %} sidebar-item-active{% endif %}">
-		<a href="{{ entry.url | relative_url }}">{{ entry.title }}</a>
+		<a href="{{ entry.url | relative_url }}">
+			{%- assign entry_title = entry.title -%}
+			{%- if entry.title == nil and entry.date -%}
+				{%- assign entry_title = entry.date | date: '%Y' -%}
+			{%- endif -%}
+			{{- entry_title -}}
+		</a>
 	</li>
 	{%- endfor -%}
 	</ul>
diff --git a/_layouts/page.html b/_layouts/page.html
index 39fd933..5d98f21 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -2,11 +2,16 @@
 layout: wrapper
 ---
 
+{%- unless page.amethyst.hero == false %}
 <section class="hero">
     <div class="wrapper">
         <h1 class="hero-title">{{ page.title }}</h1>
     </div>
 </section>
+{% endunless -%}
 <div class="main wrapper content">
+{%- if page.amethyst.hero == false -%}
+    <h1>{{ page.title }}</h1>
+{%- endif -%}
     {{ content }}
 </div>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..ec73252
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,37 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+<div class="content">
+	<article class="content">
+	<header>
+		<h1>{{ page.title | escape }}</h1>
+		{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+		<p class="post-meta byline">Posted on <time itemprop="pubdate" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: date_format }}</time>{% if page.author %} by <span class="vcard"><span class="fn n" rel="author">{{ page.author | escape }}</span>{% endif %}</p>
+	</header>
+	{{ content }}
+	</article>
+{%- comment -%}
+Support basic read-only rendering of imported comments.
+
+Docs: <https://en.gravatar.com/site/implement/images/>
+{%- endcomment -%}
+{%- if page.amethyst.comments.size > 0 -%}
+<div id="comments" class="comments">
+<h2 id="comments-title">{{ page.amethyst.comments.size }} archived comment{% if page.amethyst.comments.size != 1 %}s{% endif %}</h2>
+<ol class="comment-list">
+	{%- for comment in page.amethyst.comments -%}
+	<li class="comment" id="comment-{{ forloop.index }}">
+		<div class="comment-meta">
+			<img alt="" src="https://gravatar.com/avatar/{{ comment.gravatar | default: 'none' }}?s=68&amp;d=mm&amp;r=g" srcset="https://gravatar.com/avatar/{{ comment.gravatar | default: 'none' }}?s=136&amp;d=mm&amp;r=g 2x" class="comment-avatar" loading="lazy" width="68" height="68">
+			<span class="comment-author">{{ comment.author | escape }}</span> on <a href="#comment-{{ forloop.index }}"><time datetime="{{ comment.date | date_to_xmlschema }}">{{ comment.date | date: date_format }}</time></a> said:</div>
+		<div class="comment-content">{{ comment.content | markdownify }}</div>
+	</li>
+	{%- endfor -%}
+</ol>
+</div>
+{%- endif -%}
+</div>
+</div>
diff --git a/_layouts/posts-archive.html b/_layouts/posts-archive.html
new file mode 100644
index 0000000..695d389
--- /dev/null
+++ b/_layouts/posts-archive.html
@@ -0,0 +1,17 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.posts -%}
+<div class="posts content">
+	<h1>{{ page.title }}</h1>
+	<ul>
+	{% for post in posts -%}
+		<li><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>, <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>.</li>
+	{%- endfor -%}
+	</ul>
+</div>
+</div>
diff --git a/_layouts/posts-author.html b/_layouts/posts-author.html
new file mode 100644
index 0000000..8273de7
--- /dev/null
+++ b/_layouts/posts-author.html
@@ -0,0 +1,21 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.posts | where: 'author', page.author -%}
+<div class="posts content">
+	<h1>Author: {{ page.title | escape }}</h1>
+	{%- for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time></p>
+		<div class="post">
+			{{- post.excerpt -}}
+		</div>
+	</div>
+	{%- endfor -%}
+</div>
+</div>
diff --git a/_layouts/posts-tag.html b/_layouts/posts-tag.html
new file mode 100644
index 0000000..077bbda
--- /dev/null
+++ b/_layouts/posts-tag.html
@@ -0,0 +1,24 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.tags[page.tag] -%}
+<div class="posts content">
+	<h1>Tag: {{ page.title | escape }}</h1>
+	{%- for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>{% if post.author %} by {{ post.author | escape }}{% endif %}</p>
+		<div class="post">
+			{{- post.excerpt -}}
+			{%- if post.excerpt != post.content %}
+			<a class="screen-reader-text" href="{{ post.url | relative_url }}">Continue reading "{{ post.title | escape }}".</a>
+			{%- endif -%}
+		</div>
+	</div>
+	{%- endfor -%}
+</div>
+</div>
diff --git a/_layouts/posts-year.html b/_layouts/posts-year.html
new file mode 100644
index 0000000..8a2ff8b
--- /dev/null
+++ b/_layouts/posts-year.html
@@ -0,0 +1,24 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = page.posts -%}
+<div class="posts content">
+	<h1>Archive: {{ page.date | date: '%Y' }}</h1>
+	{%- for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>{% if post.author %} by {{ post.author | escape }}{% endif %}</p>
+		<div class="post">
+			{{- post.excerpt -}}
+			{%- if post.excerpt != post.content %}
+			<a class="screen-reader-text" href="{{ post.url | relative_url }}">Continue reading "{{ post.title | escape }}".</a>
+			{%- endif -%}
+		</div>
+	</div>
+	{%- endfor -%}
+</div>
+</div>
diff --git a/_layouts/posts.html b/_layouts/posts.html
new file mode 100644
index 0000000..6394e14
--- /dev/null
+++ b/_layouts/posts.html
@@ -0,0 +1,28 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.posts | slice: 0, 10 -%}
+<div class="posts content">
+	<h1>{{ page.title }}</h1>
+	{% for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>{% if post.author %} by {{ post.author | escape }}{% endif %}</p>
+		<div class="post">
+			{{- post.excerpt -}}
+			{%- if post.excerpt != post.content %}
+			<a class="screen-reader-text" href="{{ post.url | relative_url }}">Continue reading "{{ post.title | escape }}".</a>
+			{%- endif -%}
+		</div>
+	</div>
+	{%- endfor -%}
+	{%- assign archive_page = site.pages | where: "layout", "posts-archive" | first -%}
+	{%- if site.posts.size > 10 and archive_page %}
+		<a href="{{ archive_page.url | relative_url }}">Older posts</a>
+	{%- endif -%}
+</div>
+</div>
diff --git a/_layouts/wrapper.html b/_layouts/wrapper.html
index ab334b7..ba31126 100644
--- a/_layouts/wrapper.html
+++ b/_layouts/wrapper.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>{% if page.url != '/' and page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="icon" href="{{ site.amethyst.favicon | default: '/favicon.svg' | relative_url }}">
 <link rel="stylesheet" href="{{ '/assets/styles.css' | relative_url }}" media="screen">
diff --git a/_posts/2006-01-26-announcing-the-blog.md b/_posts/2006-01-26-announcing-the-blog.md
new file mode 100644
index 0000000..29ccc2d
--- /dev/null
+++ b/_posts/2006-01-26-announcing-the-blog.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Announcing the blog!
+author: Alice Fitzgerald
+tags:
+- event
+---
+
+Nulla ut neque quis ante tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2006-10-18-foo-110.md b/_posts/2006-10-18-foo-110.md
new file mode 100644
index 0000000..a85af7b
--- /dev/null
+++ b/_posts/2006-10-18-foo-110.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.1.0
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2007-10-18-foo-112.md b/_posts/2007-10-18-foo-112.md
new file mode 100644
index 0000000..72e7c3e
--- /dev/null
+++ b/_posts/2007-10-18-foo-112.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.2.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2008-10-18-foo-126.md b/_posts/2008-10-18-foo-126.md
new file mode 100644
index 0000000..7905cba
--- /dev/null
+++ b/_posts/2008-10-18-foo-126.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.2.6
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2009-10-18-foo-132.md b/_posts/2009-10-18-foo-132.md
new file mode 100644
index 0000000..cf95a5e
--- /dev/null
+++ b/_posts/2009-10-18-foo-132.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.3.2
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2010-10-18-foo-143.md b/_posts/2010-10-18-foo-143.md
new file mode 100644
index 0000000..40c6b8c
--- /dev/null
+++ b/_posts/2010-10-18-foo-143.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.4.3
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2011-10-18-foo-171.md b/_posts/2011-10-18-foo-171.md
new file mode 100644
index 0000000..9e5856e
--- /dev/null
+++ b/_posts/2011-10-18-foo-171.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.7.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2012-10-18-foo-183.md b/_posts/2012-10-18-foo-183.md
new file mode 100644
index 0000000..4cbb652
--- /dev/null
+++ b/_posts/2012-10-18-foo-183.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.8.3
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2013-10-18-foo-191.md b/_posts/2013-10-18-foo-191.md
new file mode 100644
index 0000000..5c9c49d
--- /dev/null
+++ b/_posts/2013-10-18-foo-191.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 1.9.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2014-10-18-foo-211.md b/_posts/2014-10-18-foo-211.md
new file mode 100644
index 0000000..8dd3f55
--- /dev/null
+++ b/_posts/2014-10-18-foo-211.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 2.1.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2015-10-18-foo-300.md b/_posts/2015-10-18-foo-300.md
new file mode 100644
index 0000000..6d6022b
--- /dev/null
+++ b/_posts/2015-10-18-foo-300.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 3.0.0
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2017-10-18-foo-321.md b/_posts/2017-10-18-foo-321.md
new file mode 100644
index 0000000..7e5c86e
--- /dev/null
+++ b/_posts/2017-10-18-foo-321.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 3.2.1 Released
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+No demo posts in 2016. Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2018-10-18-foo-331.md b/_posts/2018-10-18-foo-331.md
new file mode 100644
index 0000000..13a96cb
--- /dev/null
+++ b/_posts/2018-10-18-foo-331.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 3.3.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2019-10-18-foo-341.md b/_posts/2019-10-18-foo-341.md
new file mode 100644
index 0000000..010e84d
--- /dev/null
+++ b/_posts/2019-10-18-foo-341.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 3.4.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2020-04-01-foo-350.md b/_posts/2020-04-01-foo-350.md
new file mode 100644
index 0000000..7a28819
--- /dev/null
+++ b/_posts/2020-04-01-foo-350.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 3.5.0
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2020-10-18-foo-351.md b/_posts/2020-10-18-foo-351.md
new file mode 100644
index 0000000..d54f44b
--- /dev/null
+++ b/_posts/2020-10-18-foo-351.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: Foo 3.5.1
+author: Alice Fitzgerald
+tags:
+- release
+---
+
+Tristique vehicula ut sit amet sem.
+
+## Integer et tempus
+
+Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_posts/2021-04-01-hello-world.md b/_posts/2021-04-01-hello-world.md
new file mode 100644
index 0000000..17e2120
--- /dev/null
+++ b/_posts/2021-04-01-hello-world.md
@@ -0,0 +1,51 @@
+---
+layout: post
+title: Hello, World!
+author: Alice Fitzgerald
+tags:
+- event
+amethyst:
+  comments:
+    - author: Jay
+      date: 2021-03-03
+      content: |
+        Good stuff. I need to do a whole lot of reading on this!
+    - author: David
+      date: 2021-03-03
+      gravatar: a4b69ef5ee0bd367f53c6e64a4c3d4b6
+      content: |
+        Great, thanks for the release, upgraded without any issues, which is one of the many advantages of jQuery.
+---
+
+Lorem ipsum [dolor sit amet](https://en.wikipedia.org/wiki/Lorem_ipsum), consectetur adipiscing elit.
+
+### Duis fringilla
+
+Aliquam efficitur _arcu a nisl_ egestas molestie. Nulla ut neque quis ante tristique vehicula ut sit amet sem. Aliquam turpis enim, elementum volutpat auctor in, scelerisque sed quam. Morbi vulputate mattis vehicula. Etiam volutpat fringilla arcu, in vehicula lorem facilisis sed. In gravida enim arcu. Mauris **elit** purus, congue id dignissim a, vestibulum auctor neque.
+
+## Cras maximus
+
+Mi ac semper maximus. Ut eget libero accumsan, vestibulum nibh at, rhoncus erat. Donec nibh lorem, elementum  `lacini()`, laoreet eget risus.
+
+```js
+elem1.on( "maximus", function() {
+  elem2.lacini();
+} );
+```
+
+### Donec ut
+
+* In a augue accumsan, dictum libero at, fringilla erat.
+* Quisque ante massa, rutrum et scelerisque eu, varius sed orci.
+* Fusce eget erat lacinia, fringilla tellus et.
+* Sed a massa leo.
+
+### Cras venenatis
+
+* Sed vel erat sapien. ([QUnit](https://qunitjs.com/))
+* Phasellus et convallis quam.  ([ESLint](https://eslint.org/))
+* Pellentesque sed nulla ipsum, posuere nisi. ([jQuery](https://jquery.com/))
+
+### Nunc tristique
+
+Integer et tempus lectus. Vivamus risus tellus, porta in aliquet ac, egestas sed risus. Aliquam bibendum ac dui eu tempus. Mauris rutrum et enim a viverra. Nunc ac sapien dolor. Vestibulum ultrices nibh vel tortor congue, nec tempus lacus sagittis. Cras a turpis eros. Nulla facilisi. Aenean ac lobortis libero. Quisque sagittis ultricies congue. Proin id velit sit amet ipsum euismod laoreet quis ac lacus. Praesent ut pellentesque ex. Sed dolor nulla, consectetur ac arcu id, placerat pharetra justo.
diff --git a/_sass/amethyst.scss b/_sass/amethyst.scss
index a9da07c..f195582 100644
--- a/_sass/amethyst.scss
+++ b/_sass/amethyst.scss
@@ -76,7 +76,7 @@ a {
     &:focus {
         text-decoration: none;
 
-        box-shadow: 0px 0px 0px 4px #fbdbfb;
+        box-shadow: 0px 0px 0px 4px $color-bright;
         background-color: $color-bright;
         color: $color-accent;
         border-bottom-color: $color-vibrant;
@@ -796,6 +796,80 @@ table {
     height: 360px;
 }
 
+/* Layout: post, posts */
+
+article > header {
+    border-bottom: 4px solid $color-off-white;
+    margin-bottom: $size-spacing;
+}
+
+.post-meta,
+.comment-meta {
+    font-size: $size-sm;
+    color: $color-darkgrey;
+}
+
+.comments {
+    margin-top: $size-spacing;
+    border-top: 4px solid $color-off-white;
+    padding-top: $size-spacing;
+}
+
+.comment-list {
+    margin: 0;
+    padding: 0;
+}
+
+.comment {
+    border: 1px solid $color-off-white;
+    border-radius: 1em;
+    background: $color-light;
+    padding: $size-1 $size-1 0 $size-1;
+    margin: 0 0 $size-1 102px;
+
+    position: relative;
+    min-height: 68px;
+
+    list-style: none;
+}
+
+.comment:before {
+    position: absolute;
+    top: 1px;
+    left: -25px;
+    height: $size-spacing;
+    width: $size-spacing;
+    border-radius: 100%;
+    background: $color-light;
+
+    color: $color-darkgrey;
+    font-size: $size-sm;
+    line-height: $size-spacing;
+    text-align: center;
+
+    counter-increment: li;
+    content: counter(li);
+}
+
+.comment-avatar {
+    position: absolute;
+    top: 0;
+    left: -102px;
+    border: 1px solid $color-light;
+    border-radius: 3px;
+}
+
+/* Layout: posts */
+
+
+.post-row h2 {
+    margin-bottom: $size-1;
+}
+
+.post-row .post-meta {
+    margin-bottom: $size-sm;
+}
+
 /* Site footer */
 
 .site-footer {
diff --git a/blog-archive.md b/blog-archive.md
new file mode 100644
index 0000000..20b9805
--- /dev/null
+++ b/blog-archive.md
@@ -0,0 +1,4 @@
+---
+layout: posts-archive
+title: Archive
+---
diff --git a/blog.md b/blog.md
new file mode 100644
index 0000000..678a124
--- /dev/null
+++ b/blog.md
@@ -0,0 +1,4 @@
+---
+layout: posts
+title: Blog
+---
diff --git a/docs/config.md b/docs/config.md
index ddb5f4d..0649bde 100644
--- a/docs/config.md
+++ b/docs/config.md
@@ -1,6 +1,16 @@
 # Amethyst theme configuration
 
 ```yaml
+# Site settings
+#
+# Docs: https://jekyllrb.com/docs/configuration/
+title: Amethyst Demo
+description: "An amazing website."
+# For pages (not blog posts) this is equivalant to /:title/
+permalink: /:year/:month/:day/:title/
+lang: en
+timezone: UTC
+
 # Theme settings
 #
 # Amethyst theme options are documented at:
@@ -97,4 +107,15 @@ algolia:
   files_to_exclude:
     # - something-overview.md
 
+
+# Blog archives
+#
+# Docs: https://github.com/jekyll/jekyll-archives/
+jekyll-archives:
+  enabled:
+    - year
+  layout: posts-year
+  permalinks:
+    year: "/:year/"
+
 ```
diff --git a/tag/event.md b/tag/event.md
new file mode 100644
index 0000000..3d3b930
--- /dev/null
+++ b/tag/event.md
@@ -0,0 +1,5 @@
+---
+layout: posts-tag
+tag: event
+title: Events
+---
diff --git a/tag/release.md b/tag/release.md
new file mode 100644
index 0000000..2d75400
--- /dev/null
+++ b/tag/release.md
@@ -0,0 +1,5 @@
+---
+layout: posts-tag
+tag: release
+title: Release
+---