
<!-- BIO BEGIN -->

<%
  var
    show_bio = !(page.name === 'about' && page.path.indexOf('about') === 0),
    photo_class = (page.name === 'index' && page.path === '' || page.path.indexOf('index') === 0 ? ' showPhoto' : '');

  if (show_bio) {
%>

<aside id="bio" class="vcard h-card p-author author asideContent asideLeft asideBio asideMenu">
  <div class="asideBio-div <%=photo_class%>">
    <a href="/"
      class="u-url u-uid url icon-container asideBio-div-link asideBio-div-imgLink"
      rel="author"><img
      class="photo u-photo asideBio-div-img"
      alt="It's Eric Woodward's avatar"
      src="<%=site?.author?.photo%>"/></a>
    <a class="p-name fn u-url u-uid url asideBio-div-link asideBio-div-textLink"
      href="/"><%=site.author.name%></a>
    <a class="u-url url asideBio-div-textLink" href="/">
      <!-- This is here to force the hand of your MF2 parser --></a>
  </div>

  <p>My name is <a class="p-name fn u-url u-uid url asideBio-div-link"
      href="/"><%=site.author.name%></a> and this is my website.</p>
  <p class="p-note p-role role">
    I am a <span class="p-category category">geek</span>,
    <span class="p-category category">coder</span>,
    <span class="p-category category">gamer</span>,
    <span class="p-category category">tinkerer</span>,
    <span class="p-category category">husband</span>,
    <span class="p-category category">father</span>,
    <span class="p-category category">server admin</span>,
    <span class="p-category category">web developer</span>,
    and <span class="p-category category">American</span>
    <span class="p-category category">cyborg</span>,
    though not necessarily in that order.
  </p>

  <ul class="asideMenu-list socialList">
    <li class="asideMenu-item socialList-item">
      <a rel="me auth" class="asideMenu-link u-url url" title="It's Eric Woodward's Gitea Instance" href="https://git.itsericwoodward.com">My Git Repos</a>
    </li>
    <li class="asideMenu-item socialList-item">
      <a rel="me" class="asideMenu-link u-url url" title="itsericwoodward on LinkedIn" href="https://www.linkedin.com/in/itsericwoodward">LinkedIn</a>
    </li>
    <li class="asideMenu-item socialList-item">
      <a rel="me auth" class="asideMenu-link u-url url" title="ItsEricWoodward on GitHub" href="https://github.com/ItsEricWoodward">GitHub</a>
    </li>
    <li class="asideMenu-item socialList-item">
      <a rel="me" class="asideMenu-link u-url url" title="EricPlaysGames on BoardGameGeek"
        href="https://boardgamegeek.com/user/ericplaysgames">BoardGameGeek</a>
    </li>
    <li class="asideMenu-item socialList-item">
      <a rel="me" class="asideMenu-link u-url url u-email" title="&#69;&#109;&#97;&#105;&#108;" href="&#109;&#x61;&#x69;&#108;&#116;&#x6f;&#58;&#x65;&#x72;&#x69;&#x63;&#64;&#x69;&#116;&#x73;&#x65;&#114;&#x69;&#x63;&#119;&#111;&#111;&#x64;&#x77;&#97;&#x72;&#100;&#x2e;&#99;&#111;&#109;">&#69;&#109;&#97;&#105;&#108;</a>
    </li>
    <!--
    <li class="asideMenu-item socialList-item">
      <a rel="pgpkey" class="asideMenu-link u-url url" type="application/pgp-keys" title="PGP Public Key" href="/files/public.aexpk">
        PGP Key
      </a>
    </li>
    -->
    <li class="asideMenu-item socialList-item">
      <a class="asideMenu-link" href="http://h2vx.com/vcf/https%3A//itsericwoodward.com">
        Add to Address Book
      </a>
    </li>
  </ul>
</aside>

<% } %>

<!-- BIO END-->
