polishing!

src/components/Navbar.tsx

@@ -10,19 +10,15 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
       <div className={cn("flex flex-row justify-between pb-8 pl-4 pr-4 pt-8")}>
         <div>
           <strong className={cn("sm:text-2xl md:text-4xl")}>
-            <a href="/">Resist Tech Monopolies</a>
+            <a 
+                className={cn(
+                  activePage === "Home" && "border-b-2 border-black-500",
+                )}
+            href="/">Resist Tech Monopolies</a>
           </strong>
         </div>
         <strong className={cn("sm:text-1xl flex gap-10 md:text-4xl")}>
-          {/* <a
+       
-            href="/GetInvolved/"
-            className={cn(
-              "text-blue-500",
-              activePage === "GetInvolved" && "border-b-2 border-blue-500"
-            )}
-          >
-            Get Involved
-          </a> */}
           <a
             href="/PointsOfUnity/"
             className={cn(
@@ -54,7 +50,7 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
               title="computer icons"
             >
               <img
-                src="assets/computer.png"
+                src="../public/assets/computer.png"
                 alt="computer icon"
                 width="30"
                 height="30"
@@ -66,7 +62,7 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
               title="people icons"
             >
               <img
-                src="assets/people.png"
+                src="../public/assets/people.png"
                 alt="people icon"
                 width="30"
                 height="30"

src/pages/PointsOfUnity.astro

@@ -11,14 +11,14 @@ import "../styles/globals.css";
       <Navbar client:load activePage="PointsOfUnity" />
       <div class="pl-4 pr-4">
         <h1 class="text-3xl font-semibold">Points of Unity</h1>
-        
+
         <p class="mb-4">
           We situate ourselves in our context - as Seattle residents and as
           users and creators of the technologies we aim to resist. We are seeing
-          long-spanning rise of fascism within all levels of governance, from
+          a long-spanning rise of fascism within all levels of governance, from
           Seattle city council to national governments here and abroad.
         </p>
-        
+
         <p class="mb-4">
           In parallel is the increasing power of tech companies over our lives
           through surveillance and the provisioning of everyday needs, from
@@ -28,25 +28,24 @@ import "../styles/globals.css";
           from a CEO to a software engineer to a contractor to a child slave
           mining cobalt in the Congo.
         </p>
-        
+
         <p class="mb-4">
-          Technology contributes to gentrification both through the
+          Technology contributes to gentrification both through the tech-enabled
-          tech-enabled financialization of real estate as well
+          financialization of real estate as well as the gentrifying waves of
-          as the gentrifying waves of tech workers moving into cities. Increased
+          tech workers moving into cities. Increased technical sophisication of
-          technical sophisication of militaries and carceral systems have
+          militaries and carceral systems have created the first "AI genocide"
-          created the first "AI genocide" in Palestine; increased militarization
+          in Palestine; increased militarization of borders such as the
-          of borders such as the US-Mexico and the surveillance of migrants;
+          US-Mexico and the surveillance of migrants; increased police brutality
-          increased police brutality worldwide, all disparately impacting people
+          worldwide, all disparately impacting people of the global majority.
-          of the global majority.
         </p>
-        
+
         <p class="mb-4">
-          All of these crises are enabled and worsened
+          All of these crises are enabled and worsened by technology companies.
-          by technology companies. As tech workers of various kinds living in
+          As tech workers of various kinds living in the imperial core, on
-          the imperial core, on stolen Coast Salish land covered by the broken
+          stolen Coast Salish land covered by the broken Treaty of Point Elliot
-          Treaty of Point Elliot of 1855, we understand how our labor is
+          of 1855, we understand how our labor is contributing - directly or
-          contributing - directly or indirectly - to these oppressions, and seek
+          indirectly - to these oppressions, and seek to use our skills towards
-          to use our skills towards more liberatory ends.
+          more liberatory ends.
         </p>
       </div>
     </div>

src/pages/WhatWereWorkingOn.astro

@@ -10,15 +10,31 @@ import "../styles/globals.css";
     <div>
       <Navbar client:load activePage="WhatWereWorkingOn" />
       <div class="pl-4 pr-4">
-        <h1 class="text-3xl font-semibold">What We're Working On</h1>
+        <h1 class="pb-4 pt-4 text-3xl font-semibold">What We're Working On</h1>
-        <div>
+        <div class="flex flex-row gap-8">
-          <a href="/WhatWereWorkingOnPages/Pihole/">Pihole Workshop</a>
+          <div class="justify-items-center">
-          <img
+            <img
-            src="/assets/pihole.jpeg"
+              src="../public/assets/pihole.jpeg"
-            alt="pihole parts"
+              alt="pihole parts"
-            width="100"
+              width="250"
-            height="100"
+              class="border pb-4"
-          />
+            />
+            <a
+              href="/WhatWereWorkingOnPages/Pihole/"
+              class="underline decoration-solid">Pihole Workshop</a
+            >
+          </div>
+
+          <div class="justify-items-center">
+            <img
+              src="../public/assets/this-website.png"
+              alt="screenshot of this website including screenshot of this website including screenshot of this website..."
+              width="250"
+              class="border pb-4"
+            />
+
+            <a href="/" class="underline decoration-solid">This website!</a>
+          </div>
         </div>
       </div>
     </div>

src/pages/index.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="home" />
+      <Navbar client:load activePage="Home" />
 
       <div class="pl-4 pr-4 text-xl leading-[2]">
         <p>
@@ -25,7 +25,7 @@ import "@/styles/globals.css";
             target="_blank"
             rel="noopener noreferrer"
           >
-            Fill Out Our Interest Form Here
+            Fill Out Our Interest Form!
           </a>
         </div>
       </div>