<footer>
    <nav>
        <div><a href="/">home</a></div>
        {% for topic in site.topics %}
            <div><a href="/topics/{{ topic.title }}">{{ topic.title }}</a></div>
        {% endfor %}
    </nav>

    <hr />

    <div><a href="{{ site.url }}/now">Life In Progress</a></div>

    <hr />

    <section class="h-card">
      <section class="footer_about" id="about">
          <div>The Site</div>
          <div>
            <a href="{{ site.url }}/feed.xml"
               aria-label="RSS feed for the site">
              <span class="fa fa-rss" aria-hidden="true"
                    title="RSS Feed"</span>
            </a> | 
            <a href="https://theinternetvagabond.goatcounter.com/"
               aria-label="GoatCounter statistics for the site">
              <span class="fa fa-bar-chart" aria-hidden="true"
                    title="GoatCounter Statistics"</span>
            </a> | 
            <a href="https://codeberg.org/VagabondAzulien/the-internet-vagabond-dot-com"
               aria-label="Source code repository for the site">
              <span class="fa fa-code" aria-hidden="true"
                    title="Site Source Code"</span>
            </a>
          </div>
          <a class="u-url u-uid" href="https://theinternetvagabond.com"></a>
          <p>
            This site is a small slice of internet real-estate that I use for
            occasional writing. Nothing I say is visionary or profound. I
            focus on technology, gaming, and philosophy. All opinions my
            own.
          </p>
          <div>The Vagabond</div>
          <div>
            <a rel="me"
              href="mailto:bill@theinternetvagabond.com"
              aria-label="Email Bill at The Internet Vagabond dot com">
              <span class="fa fa-envelope-o" aria-hidden="true"
                    title="Email bill at theinternetvagabond.com"</span>
            </a> | 
            <a class="u-url" rel="me"
              href="https://matrix.to/#/@vagabondazulien:matrix.org"
              aria-label="Speak with me on Matrix">
              <span class="fa fa-matrix-org" aria-hidden="true"
                    title="Speak with me on Matrix"</span>
            </a> | 
            <a class="u-url" rel="me" 
              href="https://mastodon.social/@azulien"
              aria-label="Find me on the Fediverse">
              <span class="fa fa-mastodon" aria-hidden="true"
                    title="Find me on the Fediverse"</span>
            </a> | 
            <a class="u-url" rel="me" href="https://www.twitch.tv/vagabondazulien/profile"
               aria-label="Link to my Twitch channel">
              <span class="fa fa-twitch " aria-hidden="true"
                    title="My Twitch channel"</span>
            </a>
          </div>
          <p>
            My name is <span class="p-name">Bill Niblock</span>. <span
            class="p-note">I'm a computer scientist by education, a technologist
            by trade, a gamer by hobby, and a philosopher by accident. I
            live in <span class="p-locality">Buffalo</span>, <span class="p-region">
            New York</span>, <span class="p-country-name">USA</span>.<br />
            <br /> 
            My PGP Key is <span class="u-key" id="key">CCE7 3682 331B 5614 9FAB
              7383 7359 80B2 6381 C91E</span>.
          </p>
      </section>
      <section style="display: none;">
        <span class="p-category">Gaming</span>
        <span class="p-category">Technology</span>
        <span class="p-category">Philosophy</span>
        <span class="p-category">Open Source Software</span>
        <span class="p-category">Self-Hosting</span>
        <span class="p-category">Coffee</span>
        <span class="u-email">bill@theinternetvagabond.com</span>
      </section>
    </section>
</footer>
