From 4529c3e7ec814c04dbda9aed038c1f8ce46b6897 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 13 Mar 2017 07:21:33 +0000
Subject: [PATCH] Extract into partials

---
 source/_partials/experience-item.twig        | 37 --------------------
 source/_partials/experience/description.twig |  3 ++
 source/_partials/experience/item.twig        | 18 ++++++++++
 source/_partials/experience/logo.twig        |  5 +++
 source/_partials/experience/role.twig        |  8 +++++
 source/_partials/experience/website.twig     |  5 +++
 source/experience.twig                       |  2 +-
 7 files changed, 40 insertions(+), 38 deletions(-)
 delete mode 100644 source/_partials/experience-item.twig
 create mode 100644 source/_partials/experience/description.twig
 create mode 100644 source/_partials/experience/item.twig
 create mode 100644 source/_partials/experience/logo.twig
 create mode 100644 source/_partials/experience/role.twig
 create mode 100644 source/_partials/experience/website.twig

diff --git a/source/_partials/experience-item.twig b/source/_partials/experience-item.twig
deleted file mode 100644
index bfc356fb..00000000
--- a/source/_partials/experience-item.twig
+++ /dev/null
@@ -1,37 +0,0 @@
-{% set classes = [
-    'experience',
-    'is-flex',
-    company.logo ? 'has-logo',
-    experience.featured ? 'is-featured',
-] %}
-
-<div class="{{ classes|sort|join(' ') }}">
-    <div class="inner">
-        <h2>{{ company.name }}</h2>
-
-        {% if company.website %}
-            <a href="{{ company.website }}" class="experience__website">
-                {{ company.website }}
-            </a>
-        {% endif %}
-
-        <div class="experience__role">
-            {% spaceless %}
-                {{ experience.role ~ ' from ' ~ experience.start ~ ' to ' ~ experience.end|default('Present') }}
-                {% if experience.location %}
-                    ({{ experience.location }})
-                {% endif %}
-            {% endspaceless %}.
-        </div>
-
-        <div class="experience__description">
-            {{ experience.description|raw }}
-        </div>
-    </div>{# /.inner #}
-
-    {% if company.logo %}
-        <div class="experience__logo">
-            <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
-        </div>
-    {% endif %}
-</div>
diff --git a/source/_partials/experience/description.twig b/source/_partials/experience/description.twig
new file mode 100644
index 00000000..4342b243
--- /dev/null
+++ b/source/_partials/experience/description.twig
@@ -0,0 +1,3 @@
+<div class="experience__description">
+    {{ experience.description|raw }}
+</div>
diff --git a/source/_partials/experience/item.twig b/source/_partials/experience/item.twig
new file mode 100644
index 00000000..51b6fbdf
--- /dev/null
+++ b/source/_partials/experience/item.twig
@@ -0,0 +1,18 @@
+{% set classes = [
+    'experience',
+    'is-flex',
+    company.logo ? 'has-logo',
+    experience.featured ? 'is-featured',
+] %}
+
+<div class="{{ classes|sort|join(' ') }}">
+    <div class="inner">
+        <h2>{{ company.name }}</h2>
+
+        {{ include('experience/website') }}
+        {{ include('experience/role') }}
+        {{ include('experience/description') }}
+    </div>{# /.inner #}
+
+    {{ include('experience/logo') }}
+</div>
diff --git a/source/_partials/experience/logo.twig b/source/_partials/experience/logo.twig
new file mode 100644
index 00000000..d6a0efa7
--- /dev/null
+++ b/source/_partials/experience/logo.twig
@@ -0,0 +1,5 @@
+{% if company.logo %}
+    <div class="experience__logo">
+        <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
+    </div>
+{% endif %}
diff --git a/source/_partials/experience/role.twig b/source/_partials/experience/role.twig
new file mode 100644
index 00000000..6f0f2b99
--- /dev/null
+++ b/source/_partials/experience/role.twig
@@ -0,0 +1,8 @@
+<div class="experience__role">
+    {% spaceless %}
+        {{ experience.role ~ ' from ' ~ experience.start ~ ' to ' ~ experience.end|default('Present') }}
+        {% if experience.location %}
+            ({{ experience.location }})
+        {% endif %}
+    {% endspaceless %}.
+</div>
diff --git a/source/_partials/experience/website.twig b/source/_partials/experience/website.twig
new file mode 100644
index 00000000..e6cb0ed3
--- /dev/null
+++ b/source/_partials/experience/website.twig
@@ -0,0 +1,5 @@
+{% if company.website %}
+    <a href="{{ company.website }}" class="experience__website">
+        {{ company.website }}
+    </a>
+{% endif %}
diff --git a/source/experience.twig b/source/experience.twig
index 6f9cddb5..a040eb03 100644
--- a/source/experience.twig
+++ b/source/experience.twig
@@ -85,7 +85,7 @@ use: [posts]
 <h1>Experience</h1>
 
 {% for experience in page.experiences %}
-    {% include "experience-item" with {
+    {% include "experience/item" with {
         experience: experience,
         company: site.companies[experience.company]
     } %}