{% extends "base.html.j2" %}

{% block main %}
<section class="banner flexible">
	<h1>Blog</h1>
	<h6>
		Sharing reflections and recommendations from practice
	</h6>
</section>

<section class="cards">
	{% for post in posts %}
	<div class="card">
		<h6>
			{{ post.get_title()|e }}
		</h6>
		<p>
			{{ post.get_description()|safe }}
		</p>

		<a target="_blank" href="/blog/{{ post.get_title()|e }}">Read more</a>
	</div>
	{% endfor %}
</section>
{% endblock %}