#!
export TITLE="Joe Carstairs"
export DESCRIPTION="Joe Carstairs' personal website"
pp "${SHARE}"/components/meta.upphtml
#!

<section class="h-card">
  <div>
    <img class="u-photo" src="/images/headshot.webp" height="96" width="96" />
  </div>

  <header>
    <h1>Joe Carstairs</h1>
    <div hidden>
      <a class="p-name u-url u-uid" href="https://joeac.net" rel="me">
        Permalink
      </a>
    </div>
  </header>

  <div class="h-card__text">
    <p>
      Hi! 👋 My name is <span class="p-given-name">Joe</span>
      <span class="p-family-name">Carstairs</span>. I’m a
      <span class="p-job-title">software developer</span> at
      <a class="p-org" href="https://www.scottlogic.com">Scott Logic</a>,
      a relapsing chorister and a very occasional poet.
    </p>

    <p>
      <a href="/contact">Contact me</a> with your thoughts on trad
      climbing, neoliberal capitalism, and the life of the age to come.
    </p>

    <p>
      <small>
        Get me on
        <a href="https://www.linkedin.com/in/joe-carstairs-0aa936277" rel="me">LinkedIn</a>,
        or check out my <a href="https://git.joeac.net">Git server</a> to see what I've
        been working on.
      </small>
    </p>
  </div>
</section>