---
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">What We're Working On</h1>
        <div class="flex flex-row gap-8">
          <div class="justify-items-center">
            <img
              src="../public/assets/pihole.jpeg"
              alt="pihole parts"
              width="250"
              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>
    <Footer />
  </main>
</Layout>
