---
import Section from "@/components/Section.astro";
import SectionTitle from "@/components/SectionTitle.astro";
import LinkButton from "@/components/LinkButton.astro";
import Project from "@/components/Project.astro";

import drfeelycom from "@/assets/drfeelycom.png";
import ngen from "@/assets/ngen.png";
//import jhdcom from "@/assets/jhdcom.png";
---

<Section id="projects">
  <div class="text-center">
    <SectionTitle>PROJECTS</SectionTitle>
  </div>

  <Project
    name="NGEN"
    image={{ src: ngen, alt: "Picture of ngen configuration file" }}
    links={[{ text: "Git Repo", url: "https://git.noahsw.xyz/noah/ngen" }]}
  >
    ngen (engine) is a simple makefile generator for the Ninja build system.
    Unlike other, more complex meta build systems, which require knowledge of
    unique configuration languages, ngen uses an easy-to-understand key-value
    file, making build configuration simpler and easier for small to medium
    sized projects.
  </Project>

  <Project
    name="DRFEELY.COM"
    image={{ src: drfeelycom, alt: "Picture of drfeely.com homepage" }}
    links={[
      { text: "DrFeely.com", url: "https://drfeely.com" },
      { text: "Git Repo", url: "https://git.noahsw.xyz/noah/drfeely.com" },
    ]}
    reverse={true}
  >
    Personal website for Dr. Richard A. Feely, a highly accomplished physician
    from the Chicago area. Features his major articles, research, and innovative
    treatment methods.
  </Project>

  <!-- <Project -->
  <!-- name="JHUNTERDELOCHE.COM" -->
  <!-- image={{ src: jhdcom, alt: "Picture of jhunterdeloche.com homepage" }} -->
  <!-- links={[ -->
  <!-- { text: "JHunterDeLoche.com", url: "https://jhunterdeloche.com" }, -->
  <!-- { -->
  <!-- text: "Git Repo", -->
  <!-- url: "https://git.noahsw.xyz/noah/jhunterdeloche.com", -->
  <!-- }, -->
  <!-- ]} -->
  <!-- > -->
  <!-- Personal website for Hunter DeLoche, a fellow University of Chicago student. -->
  <!-- Includes information about Hunter's studies and music production activities -->
  <!-- in his band, "Amnesium." -->
  <!-- </Project> -->

  <div class="flex justify-around mt-10">
    <LinkButton href="https://git.noahsw.xyz">
      View all projects at git.noahsw.xyz
    </LinkButton>
  </div>
</Section>
