layout: default


<article class=“post”>

<div class="post__title">
    <h1 class="post__title__text">{{ page.title }}</h1>
</div>
<div class="post__meta"> 
    <div class="post__meta__category">
        {% for category in page.category %}
            <p class="post__meta__category__title" style="background: {{ site.category | where: "category", category | map: "hue"}}">{{ site.category | where: "category", category | map: "title"}}</p>
        {% else %}
            <p class="post__meta__category__title">No category</p>
        {% endfor %}
    </div>
    <p class="post__meta__divider">·</p>
    <div class="post__meta__date">
        {{ page.date | date: '%B %d, %Y' }}
    </div>
    {% if page.author != nil %}
        {% assign author = site.authors | where: "nick", page.author | first %}
        <p class="post__meta__divider">·</p>
        <div class="post__meta__author">
            <p>by </p>
            <img class="post__meta__author__photo" src="{{ site.url }}/{{ author.photo_dir }}"/>
            <p>{{ author.full_name }}</p>
        </div>
    {% endif %}
</div>

{% if page.prevPart != nil or page.nextPart != nil %}
    <div class="post__navigator">
        <div
            class="post__navigator__buttons"
            {% if page.prevPart == nil %}
                style="justify-content: flex-end;"
            {% endif %}
        >
            {% if page.prevPart != nil %}
                <a href="{% link {{ page.prevPart }} %}">
                    <img  class="arrow-left" src="{{ site.url }}/assets/img/icons/arrow_left.svg"/>
                    Previous
                </a>
            {% endif %}
            {% if page.nextPart != nil %}
                <a href="{% link {{ page.nextPart }} %}">
                    Next
                    <img class="arrow-right" src="{{ site.url }}/assets/img/icons/arrow_right.svg"/>
                </a>
            {% endif %}
        </div>
    </div>
{% endif %}

<div class="post__content">
    {{ content }}
</div>

</article>