From 617fa198d7db995bab5b1d29859afc9332ccf741 Mon Sep 17 00:00:00 2001
From: Albert Chae <albertchae@users.noreply.github.com>
Date: Wed, 24 Apr 2024 01:26:01 -0700
Subject: [PATCH] Move watch link to video thumbnail which is a larger click
 target and probably more common for users to try and click

---
 src/pages/recordings.astro | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/recordings.astro b/src/pages/recordings.astro
index dac6c2a..f29d430 100644
--- a/src/pages/recordings.astro
+++ b/src/pages/recordings.astro
@@ -14,7 +14,12 @@ const {data: recordingData} = await getEntry('data', 'recordings');
                     return <div
                             class="flex flex-col md:flex-row items-center"
                     >
-                        <img class="w-full md:w-56 object-contain" alt={videoData.title} src={videoData.thumbnails.standard.url}>
+                        <a
+                          rel="noopener"
+                          target="_blank"
+                          href={`https://www.youtube.com/watch?v=${videoData.resourceId.videoId}`}>
+                            <img class="w-full md:w-56 object-contain" alt={videoData.title} src={videoData.thumbnails.standard.url}>
+                        </a>
 
                         <div class="nixcon-gradient p-0.5 pt-0 md:pt-0.5 md:pl-0 w-full">
                             <div class="dark:bg-nixblue-900 bg-gray-200 h-full flex flex-col justify-between">
@@ -27,10 +32,6 @@ const {data: recordingData} = await getEntry('data', 'recordings');
                                     </div>
                                 </div>
                                 <div class="flex dark:bg-nixblue-950 bg-gray-100 p-2 flex justify-end">
-                                    <a
-                                            rel="noopener"
-                                            target="_blank"
-                                            href={`https://www.youtube.com/watch?v=${videoData.resourceId.videoId}`}>Watch Talk</a>
                                 </div>
                             </div>
                         </div>