---
layout: main/content
isArticle: true
---

{{ content | safe }}

{%- if collections.posts %}
    {%- set previousPost = collections.posts | getPreviousCollectionItem %}
    {%- set nextPost = collections.posts | getNextCollectionItem %}
    {%- if nextPost or previousPost %}
        <ul class="blog__post--nextprev">
            {%- if previousPost %}<li>Previous Post: <a href="{{ previousPost.url }}">{{ previousPost.data.articleTitle }}</a></li>{% endif %}
            {%- if nextPost %}<li>Next Post: <a href="{{ nextPost.url }}">{{ nextPost.data.articleTitle }}</a></li>{% endif %}
        </ul>
    {%- endif %}
{%- endif %}

<style>
    .blog__post--nextprev {
        list-style: none;
        padding-left: 0;
        padding-top: 0.8em;
        margin-top: 2.5em;
        border-top: 0.1em solid var(--clr-title-border);
    }
</style>