<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>abtmtr.link</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="/assets/style.css" />
</head>

<body>
  <div class="fakemain">
    <%- include("../../components/header.ejs") %>
  </div>
  <main>
    <p class="tagline">Who I am.</p>
    <section>
      <h2>My h-card</h2>
      <div class="h-card" style="padding: 1em;">
        <h3 style="margin: 0;"><span class="p-name">Theo Range</span></h3>
        <p>(<span class="p-honorific-prefix">Mx.</span>
          <span class="p-given-name">Theo</span>
          <span class="p-family-name">Range</span>)
        (<span class="p-pronouns">they/them</span>, <span class="p-gender-identity">non-binary</span>)</p>
        <p>a.k.a "<span class="p-nickname">MeowcaTheoRange</span>"</p>
        <img class="u-photo" src="http://abtmtr.link/favicon.ico"/>
        <p>
        <a class="u-url" href="http://abtmtr.link/">website</a>,
        <a class="u-email" href="mailto:me@abtmtr.link">email</a>
        </p>
        <p>born <time class="dt-bday">2007-08-07</time></p>
        <p class="p-adr">
          <span class="p-region">Minnesota</span>,
          <span class="p-country-name">USA</span>
        </p>
      </div>
    </section>
  </main>
  <%- include("../../components/footer.ejs") %>
  <script src="/assets/script.js"></script>
</body>

</html>