#!
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 Divinity student at the University of Edinburgh,
      a lapsed fiddle player and a very occasional poet.
    </p>

    <p>
      HMU with your thoughts on Elizabethan poetry, connecting to the
      Internet, and the Apocalypse of Saint John.
    </p>

    <p>
      <small>
        Or get me on
        <a href="https://www.facebook.com/joe.carstairs.5" rel="me">Facebook</a>,
        <a href="https://mastodon.social/@joe_carstairs" rel="me">Mastodon</a>,
        <a href="https://www.linkedin.com/in/joe-carstairs-0aa936277" rel="me">LinkedIn</a>,
        <a href="https://bsky.app/profile/joeacarstairs.bsky.social" rel="me">BlueSky</a>,
        or <a href="https://github.com/joeacarstairs" rel="me">GitHub</a>.
      </small>
    </p>
  </div>
</section>
