{% extends "_layout.html" %}
{% block title %}{{ Title }}{% endblock %}
{% block Head %}
{{super()}}
<link rel="stylesheet" href="/src/code-blocks.css" />
<link rel="stylesheet" href="/src/blog.css" />
<link rel="alternate" href="/blog/{{PlaintextPath}}" type="text/plain" title="Post source" />
<meta property="og:title" content="{{ Title }}" />
<meta property="og:url" content="https://steve0greatness.github.io/blog/{{PostPath}}" />
{% endblock %}
{% from "_macros.html" import GenerateBreadcrumbs %}
{% block breadcrumbs %}{{ GenerateBreadcrumbs([{ "href": "/blog","title": "Blog Index" }, {"href": "/blog/" + PostPath, "title": Title}]) }}{% endblock %}
{% block content %}
<article>
    <header>
        <h2 id="blog-post-titled">{{ Title }}</h2>
        <div role="toolbar" class="toolbar">
            <a href="https://toot.kytta.dev/?text=Take a look at this article by @S0G@mastodon.social: https://steve0greatness.github.io/blog/{{PostPath}}" title="Share to Mastodon">
                <img src="/toot-kytta-dev-icon.png" width="16" height="16" aria-hidden="true" title="Share to Mastodon" />
            </a>
            <a href="/blog/{{PostPath}}" title="Direct link">
                <img src="/link-icon.png" width="16" height="16" aria-hidden="true" title="Direct link" />
            </a>
            <a href="/blog/{{PlaintextPath}}" title="Markdown source">
                <img src="/md-src.png" width="16" height="16" aria-hidden="true" />
            </a>
        </div>
        <time>{{PostDate}} PST</time> {% if Revised %}- <span aria-hidden="true" style="font-style:italic">Revision as of: </span> <time aria-label="Revision">{{Revised}} PST</time>{% endif %}
    </header>
    {{ Content }}
</article>
{% endblock %}