From 622e88fc3cc66a8ee98f6572f7bc0425c18c0a2b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 14 May 2019 22:35:47 +0100
Subject: [PATCH] Make speakers links to their pages

---
 source/_includes/front-speakers.html.twig | 8 ++++----
 tailwind.config.js                        | 2 ++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/source/_includes/front-speakers.html.twig b/source/_includes/front-speakers.html.twig
index 5ff90a044..da2173c7b 100644
--- a/source/_includes/front-speakers.html.twig
+++ b/source/_includes/front-speakers.html.twig
@@ -4,9 +4,9 @@
     <ul class="tw-list-reset tw-flex tw-flex-wrap tw--mx-4 tw--mb-12">
         {% for speaker in speakers %}
             <li class="tw-w-full lg:tw-w-1/2 tw-text-left tw-mb-6">
-                <span class="tw-px-4 tw-flex tw-flex-row-reverse">
+                <a href="{{ speaker.url }}" class="group tw-px-4 tw-flex tw-flex-row-reverse tw-no-underline focus:tw-outline-none">
                     <span class="tw-flex-1 tw-flex tw-flex-col tw-justify-center">
-                        <span class="tw-block tw-font-bold tw-text-xl tw-text-gray-900">{{ speaker.name }}</span>
+                        <span class="tw-block tw-font-bold tw-text-xl tw-text-gray-900 group-hocus:tw-underline">{{ speaker.name }}</span>
                         <span class="tw-block tw-text-gray-800">
                             {{ speaker.role }}
                             {%- if speaker.role and speaker.organisation %}, {% endif %}
@@ -14,11 +14,11 @@
                         </span>
                     </span>
                     <span class="tw-w-24 md:tw-w-32 tw-mr-6">
-                        <span class="tw-rounded-full tw-overflow-hidden tw-block tw-border-4 tw-border-solid tw-border-purple-500">
+                        <span class="tw-rounded-full tw-overflow-hidden tw-block tw-border-4 tw-border-solid tw-border-purple-500 group-hocus:tw-border-pink-500">
                             <img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
                         </span>
                     </span>
-                </span>
+                </a>
             </li>
         {% endfor %}
     </ul>
diff --git a/tailwind.config.js b/tailwind.config.js
index ca7c17a1c..9767e3ef8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,7 +15,9 @@ module.exports = {
     },
   },
   variants: {
+    borderColor: [...variants.textColor, 'hocus', 'group-hocus'],
     textColor: [...variants.textColor, 'hocus'],
+    textDecoration: [...variants.textColor, 'hocus', 'group-hocus'],
     fontStyle: [...variants.fontStyle, 'hocus']
   },
   corePlugins: {