posts.html

---
layout: default
title: Blog
---
<div class="uk-flex-wrap uk-flex-wrap-around uk-flex-around uk-child-width-1-3@l" uk-grid="masonry: pack">
	{% for post in site.posts %}
	<div>
		<div class="uk-card uk-card-default uk-card-small uk-box-shadow-xlarge">
			<div class="uk-card-body uk-width-medium">
				<div>
					<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
					<span class="uk-article-meta">written by <span itemprop="author">João Cabrita</span> on <span
							itemprop="datePublished">{{ post.date | date_to_long_string }}</span></span>
				</div>
				<div>
					<p>{{ post.excerpt }}</p>
					<ul uk-grid>
						{% for tag in post.tags %}
						<li><span class="uk-label">{{ tag }}</span></li>
						{% endfor %}
					</ul>
				</div>
			</div>
		</div>
	</div>
	{% endfor %}
</div>