Make more things clickable

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 %}

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>

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') }}

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']
+  }
 }