~repos /website

---
import Layout from "@/layouts/BaseLayout.astro";
import resumePdf from "@/assets/pdfs/resume.pdf";
import ResumeSvg from "@/assets/pdfs/resume.svg";
import { Icon } from "astro-icon/components";
---

<Layout title="Curriculum Vitae" description="Peter John CV">
  <div>
    <h1>
      Curriculum Vitae
      <a href={resumePdf} target="_blank" rel="noopener noreferrer">
        <Icon name="mdi:external-link" size="18px" />
      </a>
    </h1>
    <div class="pdf">
      <ResumeSvg scale={2} />
    </div>
  </div>
</Layout>
<style>
  h1 {
    display: flex;
    align-items: flex-start;
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 1rem;

    a {
      margin-left: 0.4rem;
      margin-top: 0.8rem;
      color: var(--color-link);
    }
  }

  .pdf {
    border: 1px solid black;
  }
</style>