Rename _includes to _partials

source/_partials/availability.html.twig

@@ -0,0 +1,11 @@
+<div class="widget">
+    <h2>Availability</h2>
+
+    <ul class="list-reset">
+        {% for type, value in site.availability %}
+            <li class="block mb-1">
+                {% include 'availability/' ~ value %}
+            </li>
+        {% endfor %}
+    </ul>
+</div>

source/_partials/availability/limited.html.twig

@@ -0,0 +1,2 @@
+<i class="mr-1 fa fa-thumbs-o-up text-orange"></i>
+Currently have limited {{ type }}-time capacity.

source/_partials/availability/no.html.twig

@@ -0,0 +1,2 @@
+<i class="mr-1 fa fa-thumbs-o-down text-red-dark"></i>
+Currently no spare {{ type }}-time capacity.

source/_partials/availability/yes.html.twig

@@ -0,0 +1,2 @@
+<i class="mr-1 fa fa-thumbs-o-up text-green-dark"></i>
+Currently have available {{ type }}-time capacity.

source/_partials/badges.html.twig

@@ -0,0 +1,27 @@
+<div class="flex items-center md:block text-center">
+    <div class="widget w-1/2 md:w-full">
+        <a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="block mb-4 px-4 md:px-0 lg:w-3/4 lg:mx-auto">
+            <img src="{{ site.images_url }}/build/images/badges/da-individual-member.png" alt="Drupal Association Individual Member"/>
+        </a>
+    </div>
+
+    <div class="widget w-1/2 md:w-full">
+        <div class="mb-4 flex flex-wrap">
+            <div class="w-full lg:w-1/2 leading-none px-4 md:px-0">
+                <img src="{{ site.images_url }}/build/images/badges/acquia-d8-grand-master.png" alt="Acquia Certified Grand Master - Drupal 8 Exam Badge" />
+            </div>
+
+            <div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
+                <img src="{{ site.images_url }}/build/images/badges/acquia-d8-developer.png" alt="Acquia Certified Developer - Drupal 8 Exam Badge" />
+            </div>
+
+            <div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
+                <img src="{{ site.images_url }}/build/images/badges/acquia-d8-back-end.png" alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge" />
+            </div>
+
+            <div class="w-full lg:w-1/2 leading-none px-4 md:px-0 hidden lg:block">
+                <img src="{{ site.images_url }}/build/images/badges/acquia-d8-front-end.png" alt="Acquia Certified Front End Specialist - Drupal 8 Exam Badge" />
+            </div>
+        </div>
+    </div>
+</div>

source/_partials/og.html.twig

@@ -0,0 +1,46 @@
+<meta property="og:url" content="{{ site.url }}{{ page.url }}">
+<meta property="og:title" content="{{ og.title ? og.title|raw : page.title|raw }}"/>
+
+{% if og.description %}
+    <meta property="og:description" content="{{ og.description|raw }}"/>
+{% endif %}
+
+{% if og.type %}
+    <meta property="og:type" content="{{ og.type }}"/>
+{% endif %}
+
+{% if og.image and og.image.url %}
+    <meta property="og:image" content="{{ site.url }}{{ og.image.url }}"/>
+    {% if og.image.type %}
+        <meta property="og:image:type" content="{{ og.image.type }}"/>
+    {% endif %}
+    {% if og.image.width %}
+        <meta property="og:image:width" content="{{ og.image.width }}"/>
+    {% endif %}
+    {% if og.image.height %}
+        <meta property="og:image:height" content="{{ og.image.height }}"/>
+    {% endif %}
+{% else %}
+    <meta property="og:image" content="{{ site.url }}{{ site.avatar.url }}"/>
+    <meta property="og:image:height" content="327"/>
+    <meta property="og:image:type" content="image/jpg">
+    <meta property="og:image:width" content="327"/>
+{% endif %}
+
+{% if og.title %}
+    {% if og.image %}
+        <meta name="twitter:card" content="summary_large_image"/>
+        <meta name="twitter:image:src" content="{{ site.url }}{{ og.image.url }}">
+    {% else %}
+        <meta name="twitter:card" content="summary"/>
+        <meta name="twitter:image:src" content="{{ site.url }}{{ site.avatar.url }}">
+    {% endif %}
+    <meta name="twitter:creator" content="@{{ site.twitter.name }}"/>
+    <meta name="twitter:title" content="{{ og.title|raw }}"/>
+    <meta name="twitter:text:description" content="{{ og.description|raw }}"/>
+    <meta name="twitter:site" content="@{{ site.twitter.name }}"/>
+{% endif %}
+
+{% if page.hide_page %}
+    <meta name="robots" content="no-index, no-follow">
+{% endif %}

source/_partials/opensource/projects.html.twig

@@ -0,0 +1,27 @@
+<div class="md:flex md:flex-wrap md:-mx-2">
+    {% for project in projects %}
+        <div class="md:w-1/2 md:px-2 mb-4 flex">
+            <div class="border p-3 w-full flex flex-col {{ project.versions ? 'justify-between' }}">
+                <h3>
+                    <a href="{{ project.url }}">
+                        {{ project.name }}
+                    </a>
+                </h3>
+
+                <div class="flex-1">
+                    {{ project.description }}
+                </div>
+
+                {% if project.versions %}
+                    <div class="mt-4 text-right">
+                        {% for version in project.versions %}
+                            <span class="text-xs ml-1 px-1 py-1 bg-grey-light text-grey-dark rounded">{% spaceless %}
+                                Drupal {{ version }}
+                            {% endspaceless %}</span>
+                        {% endfor %}
+                    </div>
+                {% endif %}
+            </div>
+        </div>
+    {% endfor %}
+</div>

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>

source/_partials/posts/latest.html.twig

@@ -0,0 +1,15 @@
+{% if data.posts and page.url != '/blog' %}
+    <div class="widget lh-copy">
+        <h2>Latest Blog Posts</h2>
+
+        <ul class="bullets">
+            {% for post in data.posts|slice(0, site.latest_posts) %}
+                <li>
+                    <a href="{{ post.url }}">
+                        {{ post.title }}
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
+    </div>
+{% endif %}

source/_partials/speakerdeck.html.twig

@@ -0,0 +1 @@
+<script async class="speakerdeck-embed" data-id="{{ data_id }}" data-ratio="1.29456384323641" src="//speakerdeck.com/assets/embed.js"></script>

source/_partials/svg/chevron-right.twig

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="{{ class }}" style="{{ style }}">
+    <g stroke="none" stroke-width="1" fill-rule="evenodd">
+        <g id="icon-shape">
+            <polygon id="Combined-Shape" points="12.9497475 10.7071068 13.6568542 10 8 4.34314575 6.58578644 5.75735931 10.8284271 10 6.58578644 14.2426407 8 15.6568542 12.9497475 10.7071068"></polygon>
+        </g>
+    </g>
+</svg>

source/_partials/talk/events.html.twig

@@ -0,0 +1,8 @@
+<div class="mt-8">
+    <h2>Events</h2>
+
+    {% include "talks-table" with {
+        talks: getAllTalks([page], site.events),
+        talk_page: true
+    } %}
+</div>

source/_partials/talk/image.html.twig

@@ -0,0 +1,9 @@
+{% if talk.speakerdeck.id %}
+    <div class="hidden sm:block sm:w-1/5 md:w-1/4 sm:mx-2">
+        <img
+            src="https://speakerd.s3.amazonaws.com/presentations/{{ talk.speakerdeck.id }}/slide_0.jpg"
+            alt="{{ talk.title }}"
+            class="border border-solid p-1 bg-white"
+        >
+    </div>
+{% endif %}

source/_partials/talk/slides.html.twig

@@ -0,0 +1,8 @@
+{% if page.speakerdeck.id and page.speakerdeck.ratio %}
+    <div class="talk-slides mt-4">
+        <h2>Slides</h2>
+
+        <noscript>**Please enable JavaScript to view slides.**</noscript>
+        <script async class="speakerdeck-embed" data-id="{{ page.speakerdeck.id }}" data-ratio="{{ page.speakerdeck.ratio }}" src="//speakerdeck.com/assets/embed.js"></script>
+    </div>
+{% endif %}

source/_partials/talk/video.html.twig

@@ -0,0 +1,29 @@
+{% if page.youtube.id or page.vimeo.id %}
+    <div class="mt-4">
+        <h2>Video</h2>
+
+        <div class="talk-video">
+            {% if page.youtube.id %}
+                <iframe
+                    width="678"
+                    height="408"
+                    src="//www.youtube.com/embed/{{ page.youtube.id }}"
+                    frameborder="0"
+                    allowfullscreen
+                >
+                </iframe>
+            {% elseif page.vimeo.id %}
+                <iframe
+                    src="https://player.vimeo.com/video/{{ page.vimeo.id }}"
+                    width="640"
+                    height="360"
+                    frameborder="0"
+                    webkitallowfullscreen
+                    mozallowfullscreen
+                    allowfullscreen
+                >
+                </iframe>
+            {% endif %}
+        </div>
+    </div>
+{% endif %}

source/_partials/talks-table-row.html.twig

@@ -0,0 +1,59 @@
+<tr>
+    <td>
+        {{ row.event.date|date(row.event.fuzzy_date ? 'F Y' : 'j F Y') }}
+
+        {% if row.event.time is defined %}
+            <div class="text-xs text-grey-dark">
+                {{ row.event.time }}
+            </div>
+        {% endif %}
+    </td>
+
+    {% if not talk_page %}
+        <td>
+            {% if row.talk.url is not empty %}
+                <a href="{{ row.talk.url }}">
+                    {{ row.talk.title }}
+                </a>
+            {% else %}
+                {{  row.talk.title }}
+            {% endif %}
+
+            <div class="text-xs text-grey-dark">
+                {% if row.talk.type %}
+                    {{ row.talk.type }}
+                {% else %}
+                    {{ row.event.type|default('Talk') }}
+                {% endif %}
+            </div>
+        </td>
+    {% endif %}
+
+    <td>
+        {% if row.event.website is not empty %}
+            <a href="{{ row.event.website }}">
+                {{ row.event.name }}
+            </a>
+        {% else %}
+            {{ row.event.name }}
+        {% endif %}
+
+        {% if row.event.location is defined %}
+            <div class="text-xs text-grey-dark">
+                {{ row.event.location }}
+            </div>
+        {% endif %}
+    </td>
+
+    {% if not upcoming %}
+        <td>
+            {% if row.event.joindin and row.event.date <= today %}
+                <a href="{{ row.event.joindin }}"
+                   class="button"
+                   title="Read or leave feedback for this talk">
+                    <i class="fa fa-comment-o"></i> joind.in
+                </a>
+            {% endif %}
+        </td>
+    {% endif %}
+</tr>

source/_partials/talks-table.html.twig

@@ -0,0 +1,26 @@
+<div class="table-responsive">
+    <table class="table">
+        <thead>
+            <tr>
+                <th class="w-1/4">Date</th>
+
+                {% if not talk_page %}
+                    <th class="w-1/3">Talk</th>
+                {% endif %}
+
+                <th>Event</th>
+
+                {% if not upcoming %}
+                    <th>Feedback</th>
+                {% endif %}
+            </tr>
+        </thead>
+        <tbody>
+            {% for row in talks %}
+                {% include "talks-table-row" with {
+                    today: 'today'|date('Y-m-d')
+                } %}
+            {% endfor %}
+        </tbody>
+    </table>
+</div>

source/_partials/tweet.html.twig

@@ -0,0 +1,5 @@
+<p>
+    <blockquote class="twitter-tweet" data-cards="hidden" lang="en">
+        {{ content|raw }}
+    </blockquote>
+</p>