making UI work

src/components/Navbar.tsx

@@ -11,21 +11,21 @@ export default function Navbar() {
         </div>
         <strong className={cn("sm:text-1xl flex gap-4 md:text-4xl")}>
           <a
-            href="/src/pages/GetInvolved.astro"
+            href="/getInvolved/"
             className={cn("text-blue-500")}
           >
             Get Involved
           </a>
           {/* <Separator orientation="vertical" className="w-5" /> */}
           <a
-            href="/src/pages/PointsOfUnity.astro"
+            href="/pointsOfUnity/"
             className={cn("text-green-500")}
           >
             Points of Unity
           </a>
           {/* <Separator orientation="vertical" className="w-5" /> */}
           <a
-            href="/src/pages/WhatWereWorkingOn.astro"
+            href="/whatWereWorkingOn/"
             className={cn("text-red-500")}
           >
             What We're Working On

src/pages/GetInvolved.astro

@@ -1,17 +1,18 @@
 ---
-import Footer from "@/components/Footer";
+import Navbar from "../components/Navbar";
-import Navbar from "@/components/Navbar";
+import Footer from "../components/Footer";
-import Layout from "@/layouts/Layout.astro";
+import Layout from "../layouts/Layout.astro";
+import "../styles/globals.css";
 ---
 
 <Layout>
   <main class="flex min-h-screen flex-col justify-between">
     <div>
       <Navbar />
-
+      <div class="pl-4 pr-4">
-      <div class="pl-4">get involved!</div>
+        <h1>Get Involved</h1>
+      </div>
     </div>
-
     <Footer />
   </main>
 </Layout>

src/pages/PointsOfUnity.astro

@@ -1,24 +1,43 @@
+---
+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 />
+      <div class="pl-4 pr-4">
         <h1>Points of Unity</h1>
         <p>
-  We situate ourselves in our context - as Seattle residents and as users and
+          We situate ourselves in our context - as Seattle residents and as
-  creators of the technologies we aim to resist. We are seeing long-spanning
+          users and creators of the technologies we aim to resist. We are seeing
-  rise of fascism within all levels of governance, from Seattle city council to
+          long-spanning rise of fascism within all levels of governance, from
-  national governments here and abroad. In parallel is the increasing power of
+          Seattle city council to national governments here and abroad. In
-  tech companies over our lives through surveillance and the provisioning of
+          parallel is the increasing power of tech companies over our lives
-  everyday needs, from employment to how we get our internet utilities in the
+          through surveillance and the provisioning of everyday needs, from
-  first place. There are rising income disparities across the nation, but also
+          employment to how we get our internet utilities in the first place.
-  more specifically across everyone who can be considered a "tech worker": from
+          There are rising income disparities across the nation, but also more
-  a CEO to a software engineer to a contractor to a child slave mining cobalt in
+          specifically across everyone who can be considered a "tech worker":
-  the Congo. Technology contributes to gentrification both through the
+          from a CEO to a software engineer to a contractor to a child slave
-  tech-enabled financialization of real estate as well as the gentrifying waves
+          mining cobalt in the Congo. Technology contributes to gentrification
-  of tech workers moving into cities. Increased technical sophisication of
+          both through the tech-enabled financialization of real estate as well
-  militaries and carceral systems have created the first "AI genocide" in
+          as the gentrifying waves of tech workers moving into cities. Increased
-  Palestine; increased militarization of borders such as the US-Mexico and the
+          technical sophisication of militaries and carceral systems have
-  surveillance of migrants; increased police brutality worldwide, all
+          created the first "AI genocide" in Palestine; increased militarization
-  disparately impacting people of the global majority. All of these crises are
+          of borders such as the US-Mexico and the surveillance of migrants;
-  enabled and worsened by technology companies. As tech workers of various kinds
+          increased police brutality worldwide, all disparately impacting people
-  living in the imperial core, on stolen Coast Salish land covered by the broken
+          of the global majority. All of these crises are enabled and worsened
-  Treaty of Point Elliot of 1855, we understand how our labor is contributing -
+          by technology companies. As tech workers of various kinds living in
-  directly or indirectly - to these oppressions, and seek to use our skills
+          the imperial core, on stolen Coast Salish land covered by the broken
-  towards more liberatory ends.
+          Treaty of Point Elliot of 1855, we understand how our labor is
+          contributing - directly or indirectly - to these oppressions, and seek
+          to use our skills towards more liberatory ends.
         </p>
+      </div>
+    </div>
+    <Footer />
+  </main>
+</Layout>

src/pages/WhatWereWorkingOn.astro

@@ -1,2 +1,19 @@
+---
+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 />
+      <div class="pl-4 pr-4">
        <h1>What We're Working On</h1>
        <p>Pihole Workshop</p>
+      </div>
+    </div>
+    <Footer />
+  </main>
+</Layout>