update bookclub page; rename What Were Working On to Our Projects in the code

src/components/Navbar.tsx

@@ -31,12 +31,12 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
             Points of Unity
           </a>
           <a
-            href="/WhatWereWorkingOn/"
+            href="/OurProjects/"
             className={cn(
               "rounded-full px-6 py-2 transition-colors",
               "bg-gray-200 text-red-700 hover:bg-gray-300",
               "dark:bg-gray-800 dark:text-red-400 dark:hover:bg-gray-700",
-              activePage === "WhatWereWorkingOn" && "ring-2 ring-red-500 ring-offset-2",
+              activePage === "OurProjects" && "ring-2 ring-red-500 ring-offset-2",
             )}
           >
             Our Projects

src/pages/OurProjects.astro

@@ -8,7 +8,7 @@ import "../styles/globals.css";
 <Layout>
   <main class="flex min-h-screen flex-col justify-between">
     <div>
-      <Navbar client:load activePage="WhatWereWorkingOn" />
+      <Navbar client:load activePage="OurProjects" />
       <div class="pl-4 pr-4">
         <h1 class="pb-4 pt-4 text-3xl font-semibold">What We're Working On</h1>
         <div class="flex flex-row gap-8">
@@ -21,7 +21,7 @@ import "../styles/globals.css";
             />
 
             <a
-              href="/WhatWereWorkingOnPages/Calendar/"
+              href="/OurProjectsPages/Calendar/"
               class="underline decoration-solid">Calendar</a
             >
           </div> -->
@@ -34,7 +34,7 @@ import "../styles/globals.css";
               class="border"
             />
             <a
-              href="/WhatWereWorkingOnPages/Pihole/"
+              href="/OurProjectsPages/Pihole/"
               class="underline decoration-solid">Pihole Workshop</a
             >
           </div>
@@ -47,7 +47,7 @@ import "../styles/globals.css";
               class="border"
             />
             <a
-              href="/WhatWereWorkingOnPages/BookClub/"
+              href="/OurProjectsPages/BookClub/"
               class="underline decoration-solid">Book Club</a
             >
           </div>
@@ -59,7 +59,7 @@ import "../styles/globals.css";
               width="250"
               class="border"
             />
-            <a href="/WhatWereWorkingOnPages/Alternatives/" class="underline decoration-solid">Big Tech Alternatives</a>
+            <a href="/OurProjectsPages/Alternatives/" class="underline decoration-solid">Big Tech Alternatives</a>
           </div>
         </div>
       </div>

src/pages/OurProjectsPages/Alternatives.astro

@@ -12,7 +12,7 @@ import Card from "../../components/Card.astro";
 <Layout>
   <main class="flex min-h-screen flex-col justify-between">
     <div>
-      <Navbar client:load activePage="WhatWereWorkingOn" />
+      <Navbar client:load activePage="OurProjects" />
       <div class="pl-4 pr-4">
         <h1 class="pb-4 pt-4 text-3xl font-semibold">Big Tech Alternatives</h1>
         <p class="mb-4">Explore open-source and privacy-focused alternatives to popular big tech software.</p>

src/pages/OurProjectsPages/BookClub.astro

@@ -8,8 +8,8 @@ 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">
+      <Navbar client:load activePage="OurProjects" />
+      <div class="px-4">
         <h1 class="pb-4 pt-4 text-3xl font-semibold">Book Club</h1>
         <p class="mb-4">
           We read and discuss books about technology, power, and resistance. If
@@ -23,22 +23,17 @@ import "../../styles/globals.css";
           <div class="rounded-lg border p-6">
             <h2 class="mb-4 text-2xl font-semibold">Current Book</h2>
             <div>
-              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
-              >)
+              Holding Change - adrienne maree brown
             </div>
           </div>
 
           <div class="rounded-lg border p-6">
             <h2 class="mb-4 text-2xl font-semibold">Past Books</h2>
-            <div class="flex flex-col gap-4">
-              <ul class="list-disc pl-6">
-                <li>Common Circuits - Luis Felipe R. Murillo</li>
-                <li>Internet for the People - Ben Tarnoff</li>
-              </ul>
-            </div>
+            <ul class="list-disc pl-6">
+              <li>Race After Technology - Ruha Benjamin</li>
+              <li>Common Circuits - Luis Felipe R. Murillo</li>
+              <li>Internet for the People - Ben Tarnoff</li>
+            </ul>
           </div>
         </div>
       </div>