---
layout: "layout.njk"
---
<article>
    <div class="mb-8">
        <a href="/blog">
        <i class="fas fa-arrow-left mr-2"></i>
        Back to all posts
        </a>
    </div>
    <h1>{{ title }}</h1>
    <div class="post-meta flex items-center text-gray-400">
        <i class="fas fa-calendar-alt mr-2"></i>
        <p>Published on {{ date | readableDate }}</p>
        <span class="mx-2 text-gray-600">|</span>
        <i class="fas fa-eye mr-2"></i>
        <span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span>
    </div>
    <br/>
    {{ content | safe }}
</article>
<script src="/js/view-counter.js"></script>
<div id="bottom"></div>
