---
import Layout from "@/layouts/Layout.astro";
import Paragraph from "@/components/Paragraph.astro";
import SectionTitle from "@/components/SectionTitle.astro";
import PageLink from "@/components/PageLink";
import Em from "@/components/Em.astro";
import { Image } from "astro:assets";

import portrait from "@/assets/headshot_lg.jpg";
---

<Layout
  title="J. Hunter DeLoche | About"
  description="Hunter DeLoche is a biological sciences and music student at the University of Chicago. Additionally, he is a cadet in the College’s Army ROTC program, intending to commission as a second lieutenant in the Medical Service Corps upon graduation."
>
  <div class="flex flex-col gap-10 md:flex-row items-center justify-around">
    <div class="basis-5/12">
      <Image
        class="rounded-md w-full border-accent border-[1px] drop-shadow-accent"
        src={portrait}
        alt="Portrait of Hunter."
      />
    </div>
    <div class="basis-1/2">
      <SectionTitle>About Me</SectionTitle>
      <Paragraph>
        <Em>Hunter DeLoche</Em> is a biological sciences and music student at the
        University of Chicago. Additionally, he is a cadet in the College’s Army
        ROTC program, intending to commission as a second lieutenant in the Medical
        Service Corps upon graduation.
      </Paragraph>
      <Paragraph>
        Hunter has a passion for the mind and its biological, psychological, and
        cultural constituents. Upon completion of his military service, he
        intends to attend medical school to become a psychiatrist. He hopes to
        incite positive change in the field through his patience, focus, and
        passion for genuine human connection.
      </Paragraph>
      <Paragraph>
        Outside of school, Hunter enjoys composing and releasing music. He
        formed his progressive rock band, Amnesium, as an outlet for his
        compositions. Amnesium’s debut album, <i>Event Horizon,</i> is a concept
        album that envisions psychosis meshed with science fiction. To learn more
        about his music, visit the
        <Em>
          <PageLink
            client:load
            href="/music"
            class="underline underline-offset-2 hover:underline-offset-4 transition-all duration-100"
          >
            music page</PageLink
          >.
        </Em>
      </Paragraph>
      <Paragraph>
        Hunter also volunteers as a writing tutor for those working on their
        college application process. For free writing advising and revision
        services, visit the
        <Em>
          <PageLink
            client:load
            href="/writing"
            class="underline underline-offset-2 hover:underline-offset-4 transition-all duration-100"
          >
            writing page</PageLink
          >.
        </Em>
      </Paragraph>
    </div>
  </div>
</Layout>
