{% extends('layout.njk') %}

{% block breadcrumb %}
<ul class="breadcrumb">
	<li>
		<a class="underline" href="/">
			Home
		</a>
	</li>
	<li><span>></span></li>
	<li>
		<span>
			{{ page.title }}
		</span>
	</li>
</ul>
{% endblock %}

{% block main %}
<div class="grid justify-center">
    <div class="inner">
        <div class="m-top-6">
			<article class="post">
            	<header class="post__header m-bottom-3">
                	<h1 class="m-bottom-3 highlight">
                    	{{ page.title }}
                	</h1>
					<span class="post__time">
						<time time="{{ dayjs(page.date_published) }}">
							{{ dayjs(page.date_published).format('DD-MM-YYYY, H:m')  }}
						</time>
					</span>

					{% if page.tags %}
					/ Tags: {{ page.tags | join('/') }}
					{% endif %}
            	</header>
            	<div class="content">
                	{{ page.content | safe }}
            	</div>
			</article>
        </div>
    </div>
</div>
{% endblock %}