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

{% set posts = pageQuery.find({ parent: '/', deep: 0, orderBy: [ '-date_published' ], limit: 50, filter: { view: { _eq: 'post.njk' } } }) %}

{% block main %}
<div class="grid justify-center">
    <div class="inner">
        <div class="m-top-6">

			{% for post in posts %}
			<article class="post m-bottom-6">
				<header class="post__header m-bottom-3">
					<h2 class="h4 m-bottom-3 highlight">
						<a href="{{ post.path }}">
							{{ post.title }}
						</a>
					</h2>
					<span>
						<time time="{{ post.date_published }}">
							{{ post.date_published  }}
						</time>
					</span>

					{% for tag in post.tags %}
					<span class="m-left-3">
						/ {{ tag }}
					</span>
					{% endfor %}

				</header>

				{% if post.excerpt %}
				<div class="post__excerpt">
					<div class="content">
						{{ post.excerpt }}
					</div>
				</div>
				{% endif %}

			</article>
			{% endfor %}

        </div>
    </div>
</div>
{% endblock %}