Rename directories

source/_includes/availability.html.twig

@@ -0,0 +1,9 @@
+<div class="availability panel panel-default">
+    <div class="panel-heading">Availability</div>
+
+    <div class="panel-body">
+        {% for key, availability in site.availability %}
+            {% include 'availability/' ~ availability with { value: key } %}
+        {% endfor %}
+    </div>
+</div>

source/_includes/availability/limited.html.twig

@@ -0,0 +1,6 @@
+<p>
+    <i class="fa fa-thumbs-o-up text-warning"></i>
+
+    {{ value == 'full' ? 'Currently have limited full-time capacity' }}
+    {{ value == 'part' ? 'Currently have limited part-time capacity' }}
+</p>

source/_includes/availability/no.html.twig

@@ -0,0 +1,6 @@
+<p>
+    <i class="fa fa-thumbs-o-down text-danger"></i>
+
+    {{ value == 'full' ? 'Currently no spare full-time capacity.' }}
+    {{ value == 'part' ? 'Currently no spare part-time capacity.' }}
+</p>

source/_includes/availability/yes.html.twig

@@ -0,0 +1,6 @@
+<p>
+    <i class="fa fa-thumbs-o-up text-success"></i>
+
+    {{ value == 'full' ? 'Currently have available full-time capacity' }}
+    {{ value == 'part' ? 'Currently have available part-time capacity' }}
+</p>

source/_includes/badges.html.twig

@@ -0,0 +1,26 @@
+<div class="panel badges text-center">
+    <a class="badge--da-member" href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member.">
+        <img
+            src="{{ site.images_url }}/assets/images/da-individual-member.png"
+            alt="Drupal Association Individual Member"
+            width="152"
+            >
+    </a>
+
+    <a href="http://drupalcores.com/#{{ site.drupalorg.name }}">
+        <img
+            alt="I built Drupal 8 with hand holding a wrench on blue background"
+            src="{{ site.images_url }}/assets/images/drupal-8.jpg"
+            />
+    </a>
+
+    <img
+        src="{{ site.images_url }}/assets/images/badges/acquia-certified-developer-drupal-8.png"
+        alt="Acquia Certified Developer - Drupal 8 Exam Badge"
+        height="147" width="147"
+        />
+
+    <a href="http://conference.phpnw.org.uk/phpnw17">
+        <img src="{{ site.images_url }}/assets/images/badges/phpnw17.png" alt="">
+    </a>
+</div>

source/_includes/meetups.html.twig

@@ -0,0 +1,12 @@
+<div class="meetups">
+    <h2>Things that I organise</h2>
+    <ul>
+        {% for meetup in site.meetups %}
+            <li class="meetups--{{ meetup.name|lower|replace({ ' ': '-' }) }}">
+                <a href="{{ meetup.url }}" title="{{ meetup.name }}">
+                    <img src="{{ site.images_url }}/assets/images/meetups/{{ meetup.logo }}" alt="{{ meetup.name }}">
+                </a>
+            </li>
+        {% endfor %}
+    </ul>
+</div>

source/_includes/nav.html.twig

@@ -0,0 +1,41 @@
+<nav class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="{{ site.url }}/">{{ site.title }}</a>
+        </div>
+
+        <div id="navbar" class="collapse navbar-collapse" role="navigation">
+            <ul class="nav navbar-nav">
+                <li class="{{ page.url == '/.' ? 'active' }}">
+                    <a href="/">About</a>
+                </li>
+
+                <li class="{{ page.url == '/experience' ? 'active' }}">
+                    <a href="/experience">Experience</a>
+                </li>
+
+                <li class="{{ page.url == '/testimonials' ? 'active' }}">
+                    <a href="/testimonials">Testimonials</a>
+                </li>
+
+                <li class="{{ page.url == '/talks' or '/talks/' in page.url ? 'active' }}">
+                    <a href="/talks">Talks</a>
+                </li>
+
+                <li class="{{ page.url == '/blog' or '/blog/' in page.url ? 'active' }}">
+                    <a href="/blog">Blog</a>
+                </li>
+
+                <li class="{{ page.url == '/contact' or '/contact/' in page.url ? 'active' }}">
+                    <a href="/contact">Contact</a>
+                </li>
+            </ul>
+        </div>{# .nav-collapse #}
+    </div>
+</nav>

source/_includes/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/_includes/post/about-author.html.twig

@@ -0,0 +1,7 @@
+<div class="about-author">
+    <h2>About the Author</h2>
+
+    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="img-circle">
+
+    <p>Oliver Davies is a Web Developer, System Administrator and Drupal specialist based in the UK. He is a {{ site.work.role }} at <a href="{{ site.companies[site.work.company].url }}">{{ site.companies[site.work.company].name }}</a> and also provides freelance consultancy services for Drupal websites, PHP applications and Linux servers.</p>
+</div>

source/_includes/post/feedback.html.twig

@@ -0,0 +1,3 @@
+<p class="post-feedback" style="font-style: italic">
+    <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/_includes/post/header.html.twig

@@ -0,0 +1,4 @@
+{% set title_tag = title_tag|default('h1') %}
+<{{ title_tag }}>{{ page.title }}</{{ title_tag }}>
+
+<p class="posted">{{ page.date|date('jS F Y') }}</p>

source/_includes/post/pager.html.twig

@@ -0,0 +1,17 @@
+<div class="post-pager is-flex">
+    {% if page.previous_post %}
+        <div class="is-half">
+           <a href="{{ page.previous_post.url }}">
+                &laquo; {{ page.previous_post.title }}
+            </a>
+        </div>
+    {% endif %}
+
+    {% if page.next_post %}
+        <div class="is-half text-right">
+            <a href="{{ page.next_post.url }}">
+                {{ page.next_post.title }} &raquo;
+            </a>
+        </div>
+    {% endif %}
+</div>

source/_includes/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/_includes/post/tags.html.twig

@@ -0,0 +1,8 @@
+{% if page.tags %}
+    <p class="tags">
+        Tags:
+        {% for tag in page.tags %}
+            <a href="{{ site.url }}/blog/tags/{{ tag|url_encode(true) }}">{{ tag }}</a>{% if not loop.last %}, {% endif %}
+        {% endfor %}
+    </p>
+{% endif %}

source/_includes/posts/latest.html.twig

@@ -0,0 +1,18 @@
+{% if data.posts and page.url != '/blog' %}
+    <div class="latest-posts panel panel-default">
+        <div class="latest-posts__heading panel-heading">Latest blog posts</div>
+
+        <ul class="list-group">
+            {% for post in data.posts|slice(0, site.latest_posts) %}
+                <li class="post list-group-item">
+                    <span class="post__title">
+                        <a href="{{ post.url }}">
+                            {{ post.title }}
+                        </a>
+                    </span> -
+                    <span class="post__date">{{ post.date|date(site.default_date_format) }}</span>
+                </li>
+            {% endfor %}
+        </ul>
+    </div>
+{% endif %}

source/_includes/project/company.html.twig

@@ -0,0 +1,21 @@
+{% if page.company %}
+    {% set company = site.companies[page.company] %}
+
+    <div class="project-company {{ company.logo ? 'has-logo' : 'no-logo' }}">
+        <h2>Built {{ page.freelance ? 'for' : 'whilst at' }}</h2>
+
+        {% if company.logo %}
+            {% set name = '<img src="/assets/images/experience/' ~ company.logo ~ '" alt="' ~ company.name ~ '">' %}
+        {% else %}
+            {% set name = company.name %}
+        {% endif %}
+
+        {% if company.url %}
+            <a href="{{ company.url }}" title="{{ company.name }}">
+                {{ name|raw }}
+            </a>
+        {% else %}
+            {{ name|raw }}
+        {% endif %}
+    </div>
+{% endif %}

source/_includes/project/image.html.twig

@@ -0,0 +1,3 @@
+{% if page.image -%}
+    <img src="/assets/images/projects/{{ page.image.name ?: page.image }}" alt="{{ page.image.alt }}">
+{%- endif %}

source/_includes/project/skills.html.twig

@@ -0,0 +1,11 @@
+{% if page.skills %}
+    <div class="project--skills">
+        <h2>Skills</h2>
+
+        <ul>
+            {% for item in page.skills|sort %}
+                <li>{{ site.skills[item].title }}</li>
+            {% endfor %}
+        </ul>
+    </div>
+{% endif %}

source/_includes/project/website.html.twig

@@ -0,0 +1,5 @@
+{% if page.website %}
+    <a class="project-website btn btn-primary" href="{{ page.website }}">
+        View the website
+    </a>
+{% endif %}

source/_includes/skills-list.html.twig

@@ -0,0 +1,11 @@
+<ul class="skills-list is-flex flex-wrap list-style-none">
+    {% for skill in skills %}
+        <li class="skill">
+            <img
+                class="skill-image"
+                src="/assets/images/skills/{{ skill.image }}"
+                title="{{ skill.name }}"
+                alt="{{ skill.name }} logo">
+        </li>
+    {% endfor %}
+</ul>

source/_includes/skills.html.twig

@@ -0,0 +1,13 @@
+<h2>Skills</h2>
+
+<p>I regularly use:</p>
+
+{% include 'skills-list' with { skills: site.skills[0] } %}
+
+<p>I am also familiar with:</p>
+
+{% include 'skills-list' with { skills: site.skills[1] } %}
+
+<p>I would like to do more:</p>
+
+{% include 'skills-list' with { skills: site.skills[2] } %}

source/_includes/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/_includes/talks-table.html.twig

@@ -0,0 +1,81 @@
+<div class="table-responsive">
+    <table class="table table-striped talks-table">
+        <thead>
+            <tr>
+                <th style="width: 20%">Date</th>
+
+                {% if not talk_page %}
+                    <th style="width: 40%">Talk</th>
+                {% endif %}
+
+                <th>Event</th>
+
+                {% if not upcoming %}
+                    <th style="width: 10%">Feedback</th>
+                {% endif %}
+            </tr>
+        </thead>
+        <tbody>
+            {% for row in events %}
+                {% set talk = false %}
+                {% set key = row.date.talk.id ?: row.date.talk %}
+
+                {% for item in row.talks if key == item.filename|split('.')|first %}
+                    {% set talk = item %}
+                {% endfor %}
+                <tr>
+                    <td class="vertical-middle">
+                        {{ row.date.date|date(row.date.fuzzy_date ? 'F Y' : 'j F Y') }}
+
+                        {% if row.date.time %}
+                            <small class="display-block">{{ row.date.time }}</small>
+                        {% endif %}
+                    </td>
+
+                    {% if not talk_page %}
+                        <td>
+                            {% if row.date.talk.title is defined %}
+                               {{ row.date.talk.title }}
+                            {% else %}
+                                <a href="{{ talk.url }}">{{ talk.title }}</a>
+                            {% endif %}
+
+                            <small class="display-block">
+                                {{ row.date.talk.type ?: talk.type }}
+                            </small>
+                        </td>
+                    {% endif %}
+
+                    <td class="vertical-middle">
+                        {% if row.event.website %}
+                            <a href="{{ row.event.website }}">
+                                {{ row.event.name }}
+                            </a>
+                        {% else %}
+                            {{ row.event.name }}
+                        {% endif %}
+
+                        <small class="display-block">
+                            {{ row.event.location }}
+                        </small>
+                    </td>
+
+                    {% if not upcoming %}
+                        <td class="vertical-middle">
+                            {% if row.date.feedback %}
+                                <a
+                                    href="{{ row.date.feedback }}"
+                                    class="btn btn-primary"
+                                    title="Read or leave feedback for this talk"
+                                >
+                                    <i class="fa fa-comment-o"></i> joind.in
+                                </a>
+                            {% endif %}
+                        </td>
+                    {% endif %}
+
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>

source/_includes/tweet.html.twig

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