From 032e427c3a054dbc117dc62fee82dd14f1d9e038 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 25 Mar 2019 23:24:31 +0000
Subject: [PATCH] Make more things clickable

---
 source/_partials/blog/post-summary.html.twig |  4 +++-
 source/_partials/talks/talk.html.twig        |  4 +++-
 source/podcasts.html.twig                    |  6 +++++-
 tailwind.config.js                           | 13 ++++++++-----
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/source/_partials/blog/post-summary.html.twig b/source/_partials/blog/post-summary.html.twig
index 673031bc..7f578e30 100644
--- a/source/_partials/blog/post-summary.html.twig
+++ b/source/_partials/blog/post-summary.html.twig
@@ -1,7 +1,9 @@
 <div class="spaced-y-2">
     <div class="spaced-y-2px">
         <h2 class="text-inherit text-lg m-0">
-            {{ post.draft ? 'Draft: '|upper }}{{ post.title }}
+            <a href="{{ post.url }}" class="text-inherit" tabindex="-1">
+                {{ post.draft ? 'Draft: '|upper }}{{ post.title }}
+            </a>
         </h2>
 
         {% if show_date %}
diff --git a/source/_partials/talks/talk.html.twig b/source/_partials/talks/talk.html.twig
index a26609a5..d2ad1706 100644
--- a/source/_partials/talks/talk.html.twig
+++ b/source/_partials/talks/talk.html.twig
@@ -1,6 +1,8 @@
 <article>
     <h3 class="text-lg text-black mb-1">
-        {{ talk.title }}
+        <a href="{{ talk.url }}" class="text-inherit" tabindex="-1">
+            {{ talk.title }}
+        </a>
     </h3>
 
     <div>
diff --git a/source/podcasts.html.twig b/source/podcasts.html.twig
index 64a0ceba..9c8fdd20 100644
--- a/source/podcasts.html.twig
+++ b/source/podcasts.html.twig
@@ -28,7 +28,11 @@ episodes:
         {% set podcast = page.podcasts[episode.podcast] %}
 
         <article>
-            <h2 class="text-lg">{{ podcast.name }}: {{ episode.title }}</h2>
+            <h2 class="text-lg">
+                <a href="{{ episode.url }}" class="text-inherit" tabindex="-1">
+                    {{ podcast.name }}: {{ episode.title }}
+                </a>
+            </h2>
 
             <time class="text-sm text-gray-800 block mt-px mb-2" datetime="{{ episode.date|date('Y-m-d') }}">
                 {{ episode.date|date('jS F Y') }}
diff --git a/tailwind.config.js b/tailwind.config.js
index 9065cfc9..c60f83d1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,6 +4,9 @@ let defaultTheme = require('tailwindcss/defaultTheme')
 module.exports = {
   theme: {
     extend: {
+      colors: {
+        inherit: 'inherit',
+      },
       fontFamily: {
         mono: ['Roboto Mono', ...defaultTheme.fontFamily.mono],
       },
@@ -12,17 +15,17 @@ module.exports = {
       },
       borderWidth: {
         3: '3px',
-      },
-    },
+      }
+    }
   },
   plugins: [
     require('tailwindcss-spaced-items')({ values: defaultTheme.spacing }),
     require('tailwindcss-visuallyhidden')(),
     require('tailwindcss-skip-link')(),
-    require('tailwindcss-vuejs')(),
+    require('tailwindcss-vuejs')()
   ],
   variants: {
     borderStyle: [...defaultConfig.variants.borderStyle, 'hover', 'focus'],
-    borderWidth: [...defaultConfig.variants.borderStyle, 'hover', 'focus'],
-  },
+    borderWidth: [...defaultConfig.variants.borderStyle, 'hover', 'focus']
+  }
 }