From 04ca800240e188a08b1b2cef57fcd0c65e7bc713 Mon Sep 17 00:00:00 2001
From: Zigzagill <zigzagill@proton.me>
Date: Thu, 30 Apr 2026 10:10:22 -0700
Subject: [PATCH] Make project images clickable links, make pet calendar alt
 text more equitable

---
 src/pages/projects.astro | 84 ++++++++++++++++++++--------------------
 1 file changed, 41 insertions(+), 43 deletions(-)

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 86fc541..743a99e 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -27,66 +27,64 @@ import "../styles/globals.css";
           </div> -->
 
           <div class="justify-items-center">
-            <img
-              src="/assets/book-club.jpg"
-              alt="stack of books"
-              width="280"
-              class="border"
-            />
-            <a
-              href="/projects/bookclub/"
-              class="underline decoration-solid">Book Club</a
-            >
+            <a href="/projects/bookclub/">
+              <img
+                src="/assets/book-club.jpg"
+                alt="stack of books"
+                width="280"
+                class="border"
+              />
+              <p class="underline decoration-solid">Book Club</p>
+            </a>
           </div>
 
-          
-
           <div class="justify-items-center">
-            <img
+            <a href="/projects/alternatives/">
+              <img
               src="/assets/computer.png"
               alt="computer"
               width="250"
               class="border"
-            />
-            <a href="/projects/alternatives/" class="underline decoration-solid">Big Tech Alternatives</a>
+              />
+              <p class="underline decoration-solid">Big Tech Alternatives</p>
+            </a>
           </div>
 
           <div class="justify-items-center">
-            <img
-              src="/assets/zines-thumbnail.png"
-              alt="zines"
-              width="250"
-              class="border object-cover w-[250px] h-[250px]"
-            />
-            <a href="/projects/zines/" class="underline decoration-solid">Zines</a>
+            <a href="/projects/zines/">
+              <img
+                src="/assets/zines-thumbnail.png"
+                alt="zines"
+                width="250"
+                class="border object-cover w-[250px] h-[250px]"
+              />
+              <p class="underline decoration-solid">Zines</p>
+            </a>
           </div>
 
           <div class="justify-items-center">
-            <img
-              src="/assets/pet-calendar-2026-cover.jpg"
-              alt="photo collage of cats"
-              width="500"
-              class="border"
-            />
-            <a
-              href="/projects/PetCalendar/"
-              class="underline decoration-solid">Pet Calendar</a
-            >
+            <a href="/projects/PetCalendar/">
+              <img
+                src="/assets/pet-calendar-2026-cover.jpg"
+                alt="photo collage of cats and dogs"
+                width="500"
+                class="border"
+              />
+              <p class="underline decoration-solid">Pet Calendar</p>
+            </a>
           </div>
 
           <div class="justify-items-center">
-            <img
-              src="/assets/pihole.jpeg"
-              alt="pihole parts"
-              width="250"
-              class="border"
-            />
-            <a
-              href="/projects/pihole/"
-              class="underline decoration-solid">Pihole Workshop</a
-            >
+            <a href="/projects/pihole/">
+              <img
+                src="/assets/pihole.jpeg"
+                alt="pihole parts"
+                width="250"
+                class="border"
+              />
+              <p class="underline decoration-solid">Pihole Workshop</p>
+            </a>
           </div>
-
         </div>
       </div>
     </div>
-- 
2.49.0