Create pet calendar page

src/pages/WhatWereWorkingOn.astro

@@ -52,6 +52,8 @@ import "../styles/globals.css";
             >
           </div>
 
+          
+
           <div class="justify-items-center">
             <img
               src="/assets/computer.png"
@@ -61,6 +63,21 @@ import "../styles/globals.css";
             />
             <a href="/WhatWereWorkingOnPages/Alternatives/" class="underline decoration-solid">Big Tech Alternatives</a>
           </div>
+
+          <div class="justify-items-center">
+            <img
+              src="/assets/pet-calendar-2026-cover.png"
+              alt="photo collage of cats"
+              width="330"
+
+              class="border"
+            />
+            <a
+              href="/WhatWereWorkingOnPages/PetCalendar/"
+              class="underline decoration-solid">Pet Calendar</a
+            >
+          </div>
+
         </div>
       </div>
     </div>

src/pages/WhatWereWorkingOnPages/BookClub.astro

@@ -26,8 +26,8 @@ import "../../styles/globals.css";
               Race After Technology - Ruha Benjamin (see <a
                 class="underline"
                 href="https://www.dropbox.com/scl/fi/jnzvtiry7jn3xrts2n703/RAT-Discussion-Guide.pdf?rlkey=pq6ovaeydhcm8yi2u7lzzmiuj&e=2&dl=0"
-                >discussion guide</a
-              >)
+                >discussion guide
+              </a>)
             </div>
           </div>
 

src/pages/WhatWereWorkingOnPages/PetCalendar.astro

@@ -0,0 +1,41 @@
+---
+import Navbar from "../../components/Navbar";
+import Footer from "../../components/Footer";
+import Layout from "../../layouts/Layout.astro";
+import "../../styles/globals.css";
+---
+
+<Layout>
+  <main class="flex min-h-screen flex-col justify-between">
+    <div>
+      <Navbar client:load activePage="WhatWereWorkingOn" />
+      <div class="pl-4 pr-4">
+        <h1 class="pb-4 pt-4 text-3xl font-semibold">Pet Calendar</h1>
+        <p class="pb-4">Welcome to the pet calendar! 
+      </p>
+        <div class="flex flex-col gap-8">
+          <div class="rounded-lg border p-6">
+            <h2 class="mb-4 text-2xl font-semibold" id="January">January</h2>
+            <div>
+               <p class="mb-4"> Difficulty rating: 🌶️🌶️🌶️/5 
+                </div>
+                <div>
+                <a
+                class="underline"
+                href="https://www.geeksforgeeks.org/linux-unix/30-days-of-linux/"
+                >Tutorial on Linux!
+                </a              >
+               </p>
+            
+            
+              
+            </div>
+            
+          </div>
+
+        </div>
+      </div>
+    </div>
+    <Footer />
+  </main>
+</Layout>