From 6c3f0be44dc563e993091df02a697d020130f0af Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 8 Mar 2019 10:11:46 +0000
Subject: [PATCH] Add Podcasts page

---
 assets/js/components/Navbar.vue |  5 +++++
 source/podcasts.html.twig       | 37 +++++++++++++++++++++++++++++++++
 source/talks.html.twig          |  8 -------
 3 files changed, 42 insertions(+), 8 deletions(-)
 create mode 100644 source/podcasts.html.twig

diff --git a/assets/js/components/Navbar.vue b/assets/js/components/Navbar.vue
index 17211cfd..b976604b 100644
--- a/assets/js/components/Navbar.vue
+++ b/assets/js/components/Navbar.vue
@@ -74,6 +74,11 @@ export default {
         //   href: '/testimonials',
         //   pattern: '^/testimonials/?$',
         // },
+        {
+          title: 'Podcasts',
+          href: '/podcasts',
+          pattern: '^/podcasts/?',
+        },
         {
           title: 'Book',
           href: '/test-driven-drupal',
diff --git a/source/podcasts.html.twig b/source/podcasts.html.twig
new file mode 100644
index 00000000..db81d198
--- /dev/null
+++ b/source/podcasts.html.twig
@@ -0,0 +1,37 @@
+---
+layout: default
+title: Podcasts
+episodes:
+    - title: 'Episode #175 - Automated Testing'
+      description: I joined the Talking Drupal team to discuss automated testing.
+      event: talking_drupal
+      date: 2018-09-05
+      url: http://talkingdrupal.com/175
+---
+<!-- <header class="mb-6">
+    <p class="text-lg">
+        I’m an occasional guest on podcasts such as Talking Drupal.
+    </p>
+</header> -->
+
+<div>
+    {% for episode in page.episodes|reverse %}
+        {% set podcast = site.events[episode.event] %}
+
+        <article>
+            <h2>{{ podcast.name }}: {{ episode.title }}</h2>
+
+            <time class="text-grey-darker block mt-px mb-2" datetime="{{ episode.date|date('Y-m-d') }}">
+                {{ episode.date|date('jS F Y') }}
+            </time>
+
+            <p>{{ episode.description }}</p>
+
+            <a href="{{ episode.url }}" class="inline-block mt-2 text-sm text-grey-dark hover:text-grey-darker focus:text-grey-darker">
+                View this
+                <span class="visuallyhidden">{{ podcast.name }}</span>
+                episode &rarr;
+            </a>
+        </article>
+    {% endfor %}
+</div>
diff --git a/source/talks.html.twig b/source/talks.html.twig
index c633996f..8276d2e9 100644
--- a/source/talks.html.twig
+++ b/source/talks.html.twig
@@ -23,14 +23,6 @@ talks:
     events:
       - event: drupal_bristol
         date: 2018-06-27
-
-  - title: 'Episode #175 - Automated Testing'
-    description: I joined the Talking Drupal team to discuss automated testing.
-    type: Podcast
-    url: http://talkingdrupal.com/175
-    events:
-      - event: talking_drupal
-        date: 2018-09-05
 ---
 {% block content %}
     <div class="spaced-y-10">