Move watch link to video thumbnail which is a larger click target and…

… probably more common for users to try and click
nixcon · Apr 24, 2024 · 617fa19 · 617fa19
1 parent 6ad7225
commit 617fa19
Showing 1 changed file with 6 additions and 5 deletions.
diff --git 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>