From aa1498d757ab9f005859f4e8449893dadb9373ae Mon Sep 17 00:00:00 2001
From: Troy <hello@troylusty.com>
Date: Tue, 11 Feb 2025 10:58:38 +0000
Subject: [PATCH] add link to projects slideshow

---
 src/components/Hero.astro |  2 +-
 src/pages/index.astro     | 19 +++++++------------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 97b7898..eab0cca 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -10,7 +10,7 @@ import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
   crossorigin="anonymous"
 />
 
-<section class="mt-6 overflow-clip">
+<section class="mt-16 overflow-clip mb-28">
   <h1
     class="--translate-y-full animate-logo mx-auto max-w-[20ch] text-center text-4xl font-bold text-pretty md:text-6xl"
   >
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7b7b326..66d140b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -27,7 +27,9 @@ const projectsJSON = JSON.stringify(projects);
 <Layout title={HOME.TITLE} description={HOME.DESCRIPTION}>
   <Hero />
   <section aria-labelledby="featured-projects" class="container">
-    <div class="flex flex-row items-center justify-between">
+    <div
+      class="mx-auto flex max-w-[65ch] flex-row items-center justify-between"
+    >
       <a href="/projects">
         <h2
           class="animate-reveal hover:text-tertiary text-2xl font-semibold break-words capitalize opacity-0 transition-colors duration-500"
@@ -122,6 +124,10 @@ const projectsJSON = JSON.stringify(projects);
               x-bind:src="slide.data.image.url.src"
               x-bind:alt="slide.data.image.alt"
             />
+            <a
+              class="absolute inset-0 z-10"
+              x-bind:title="slide.data.title"
+              x-bind:href="'/' + slide.collection + '/' + slide.slug"></a>
           </div>
         </template>
       </div>
@@ -192,17 +198,6 @@ const projectsJSON = JSON.stringify(projects);
     </div>
   </section>
 
-  <!--
-<span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-gray-500/10 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-red-600/10 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-yellow-50 px-2 py-1 text-xs font-medium text-yellow-800 ring-1 ring-yellow-600/20 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-green-600/20 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-blue-700/10 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-indigo-50 px-2 py-1 text-xs font-medium text-indigo-700 ring-1 ring-indigo-700/10 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-purple-50 px-2 py-1 text-xs font-medium text-purple-700 ring-1 ring-purple-700/10 ring-inset">Badge</span>
-<span class="inline-flex items-center rounded-md bg-pink-50 px-2 py-1 text-xs font-medium text-pink-700 ring-1 ring-pink-700/10 ring-inset">Badge</span>
--->
-
   <section aria-labelledby="recent-posts" class="container max-w-[65ch]">
     <div class="group flex w-fit flex-row items-center">
       <a href="/posts">