{% extends "base.html" %} {% block title %}{{ page.title }} | Blog — {{ config.title }}{% endblock
title %} {% block content %}
<div class="container section-padding page-shell blog-shell">
    <article class="page-article blog-article">
        <h1>{{ page.title }}</h1>

        <div class="blog-meta">
            {% if page.date %}
            <time datetime="{{ page.date | date(format='%Y-%m-%d') }}">
                {{ page.date | date(format="%B %e, %Y") }}
            </time>
            {% endif %} {% if page.reading_time %}
            <span>&middot; {{ page.reading_time }} min read</span>
            {% endif %}
        </div>

        {% if page.taxonomies.tags %}
        <div style="margin-bottom: 2rem">
            {% for tag in page.taxonomies.tags %}
            <a class="badge-tag" href="{{ get_taxonomy_url(kind='tags', name=tag) }}">
                {{ tag }}
            </a>
            {% endfor %}
        </div>
        {% endif %}

        <div class="page-content blog-page-content">{{ page.content | safe }}</div>

        <div class="back-link">
            <a href="{{ get_url(path='@/blog/_index.md') }}">&larr; Back to Blog</a>
        </div>
    </article>
</div>
{% endblock content %}