{% extends "base.html" %}
{% block title %}{{ post.title }} — {{ site.title }}{% endblock title %}
{% block description %}{{ post.summary }}{% endblock description %}
{% block social_meta %}{{ social_meta | safe }}{% endblock social_meta %}
{% block content %}
<div class="main-layout">
<div class="main-col">
<article>
<div class="post-head">
<div class="post-meta-labels">
<span>{{ post.date_long }}</span>
<span class="dot"></span>
<span>{{ post.read_time }}</span>
</div>
<h1>{{ post.title }}</h1>
<p class="post-subtitle">{{ post.summary }}</p>
</div>
<div class="article">
{{ post.body_html | safe }}
</div>
</article>
<nav class="post-nav">
{% if prev_post %}
<a class="post-nav-link post-nav-prev" href="{{ prev_post.href }}">
<span class="post-nav-label">← Newer</span>
<span class="post-nav-title">{{ prev_post.title }}</span>
</a>
{% endif %}
{% if next_post %}
<a class="post-nav-link post-nav-next" href="{{ next_post.href }}">
<span class="post-nav-label">Older →</span>
<span class="post-nav-title">{{ next_post.title }}</span>
</a>
{% endif %}
</nav>
</div>
<aside class="sidebar">
<div class="sidebar-section">
<div class="sidebar-head">
<h3>Older</h3>
</div>
<ul class="sidebar-list">
{% for essay in sidebar.essays %}
<li>
<time>{{ essay.date_short }}</time>
<a href="{{ essay.href }}">{{ essay.title }}</a>
</li>
{% endfor %}
</ul>
<a class="all-tags-link" href="{{ sidebar.archive_href }}">All older posts →</a>
</div>
<div class="sidebar-section">
<div class="sidebar-head">
<h3>Tags</h3>
</div>
<div class="sidebar-tags">
{% for tag in post.tags %}<a class="tag" href="{{ tag.href }}">{{ tag.name }}</a>{% endfor %}
</div>
<a class="all-tags-link" href="{{ tags_href }}">All tags →</a>
</div>
</aside>
</div>
{% endblock content %}