---
layout: base.njk
---

<nav>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/blog">Blog</a></li>
    <li><a href="/lists">Lists</a></li>
    <li><a href="/feed.xml">RSS</a></li>
    <li><a href="/about">About</a></li>
  </ul>
</nav>
<h1 class="p-name">{{ onpageTitle or title }}</h1>
<article class="bg glow">
  <time datetime="{{ page.date | formatDateForRobots }}" class="dt-published hidden">{{ page.date | formatDatetimeForHumans }}</time>
  <span class="p-author h-card hidden">
    <a class="p-name u-url" href="https://devon.lol">Devon Campbell</a>
    <img class="u-photo" src="/images/personal-avatar.png" alt="Illustrated avatar showing Devon with pink skin, green hair and green beard, and a blue t-shirt on a light green background" />
  </span>
  <div class="e-content">
    {{ content | safe }}
  </div>
  <a class="u-url hidden" href="{{ page.url }}">Permalink</a>
  {% include 'webmentions.njk' %}
</article>
<footer>
  <p>Talk to me <a href="https://{{ metadata.author.mastodon.instance }}/@{{ metadata.author.mastodon.username }}" rel="me">on Mastodon.</a></p>
  <a href="https://{{ metadata.author.mastodon.instance }}/@{{ metadata.author.mastodon.username }}" rel="me"><img src="/images/mastodon-logo.png" alt="Mastodon logo"></a>

  <a href="mailto:devon@devon.lol" rel="me" class="hidden">devon@devon.lol</a>
</footer>