---
layout: base.njk
includePrism: true
---
<main class="wrapper-lg stack-lg">
    <article class="stack-md h-entry">
            <h1 class="p-name"><a href="{{ url }}" class="u-url">{{ title | safe }}</a></h1>
            <p class="published">Published: <time class="dt-published" datetime="{{ page.date | dateToRfc3339 }}">{{ page.date | dateDisplay }}</time></p>
        <div class="e-content stack-md">
        {{ content | safe }}
        </div>
        {% set filteredTags = tags | except("posts") | except("draft") %}
        {% if filteredTags | length %}
        <section>
            <h2>Tags:</h2>
            <ul role="list">
                {% for tag in filteredTags %}
                    <li><a class="p-category" href="/post/tag/{{ tag }}" rel="tag">#{{ tag }}</a></li>
                {% endfor %}
            </ul>
        </section>
        {% endif %}
    </article>

    <section class="p-author h-card" data-section="author">
      <h2>About the author</h2>
      {% image metadata.author.avatar, "My face", "box circle u-photo", "(max-width: 500px) 50px, 100px", [50, 100] %}

      <p class="p-note">I'm <a href="https://{{metadata.site.domain}}" class="u-url p-name">Lewis Dale</a>, a software engineer and web developer based in the UK. I write about writing software, silly projects, and cycling. A lot of cycling. Too much, maybe.</p>
    </section>    
</main>