Rename _includes to _partials

source/_partials/post/about-author.html.twig

@@ -0,0 +1,15 @@
+<div class="clearfix mt-4">
+    <h2>About the Author</h2>
+
+    <div class="flex items-center">
+        <div class="mr-4 flex-none leading-none">
+            <img
+                src="{{ site.images_url }}{{ site.avatar.url }}"
+                alt="Picture of Oliver"
+                class="rounded-full w-16"
+            >
+        </div>
+
+        <p class="mb-0">Oliver Davies is a full-stack Web Developer and System Administrator based in the UK. He is a {{ site.work.role }} at <a href="{{ site.companies[site.work.company].url }}?utm_source={{ site.short_url }}&utm_medium=about-author">{{ site.companies[site.work.company].name }}</a> and a part-time freelancer specialising in Drupal, Symfony and Laravel development and Linux systems administration.</p>
+    </div>
+</div>

source/_partials/post/feedback.html.twig

@@ -0,0 +1,3 @@
+<p class="mb-4 italic text-grey-dark">
+    <b>Have feedback on this post?</b> <a href="mailto:{{ site.email }}?subject=Feedback: {{ page.title }}">Email me</a> or <a href="https://twitter.com/intent/tweet?text=@{{ site.twitter.name }}&url={{ site.url }}{{ page.url|url_encode }}">send me a tweet</a>.
+</p>

source/_partials/post/header.html.twig

@@ -0,0 +1,8 @@
+{% set title_tag = title_tag ?: 'h1' %}
+<{{ title_tag }} class="mb1">
+    {{ page.title }}
+</{{ title_tag }}>
+
+<p class="text-grey-dark">
+    {{ page.date|date('jS F Y') }}
+</p>

source/_partials/post/intro-image.html.twig

@@ -0,0 +1,5 @@
+{% if page.blocks.intro_image %}
+    <div class="mv3 tc">
+        {{ page.blocks.intro_image|raw }}
+    </div>
+{% endif %}

source/_partials/post/pager.html.twig

@@ -0,0 +1,17 @@
+<div class="lg:flex mt-8 -mx-4">
+    {% if page.previous_post %}
+        <div class="lg:w-1/2 px-4 mb-2 lg:mb-0">
+           <a href="{{ page.previous_post.url }}" class="text-blue @text-blue-dark">
+                &laquo; {{ page.previous_post.title }}
+            </a>
+        </div>
+    {% endif %}
+
+    {% if page.next_post %}
+        <div class="lg:w-1/2 px-4 lg:text-right">
+            <a href="{{ page.next_post.url }}" class="text-blue @text-blue-dark">
+                {{ page.next_post.title }} &raquo;
+            </a>
+        </div>
+    {% endif %}
+</div>

source/_partials/post/related.html.twig

@@ -0,0 +1,11 @@
+{% if page.related -%}
+    <h2>Related Posts</h2>
+
+    <ul>
+        {% for relate in page.related -%}
+            <li>
+                <a href="{{ relate.source.url }}">{{ relate.title }}</a>
+            </li>
+        {% endfor %}
+    </ul>
+{%- endif %}

source/_partials/post/tags.html.twig

@@ -0,0 +1,16 @@
+{% if page.tags %}
+    <h2 class="element-invisible">Tags</h2>
+
+    <ul class="list-reset flex flex-wrap">
+        {% for tag in page.tags|sort %}
+            <li>
+                <a
+                    href="/blog/tags/{{ tag }}"
+                    class="text-xs py-1 px-2 mr-1 mb-1 bg-grey-lighter text-grey leading-none no-underline hover:underline focus:underline"
+                >
+                    {{- tag -}}
+                </a>
+            </li>
+        {% endfor %}
+    </ul>
+{% endif %}

source/_partials/post/twitter-link.html.twig

@@ -0,0 +1,3 @@
+<div class="mb-4 italic text-grey-dark">
+    <p>Questions? Comments? I’m <a href="https://twitter.com/{{ site.twitter.name }}">@{{ site.twitter.name }}</a> on Twitter.</p>
+</div>