{% macro post_card(post) %}
<section class="post-card post-card-grid" id="post-card-{{ post.title | safe }}">
	<h3 class="post-card-title"><a href="{{ post.url | safe }}">{{ post.title | safe }}</a></h3>
	<span class="post-card-published">date published: <time datetime="{{ post.date_published | safe }}">{{ post.date_published | safe }}</time></span>
	{% if post.date_modified %}
	<span class="post-card-modified">last modified: <time datetime="{{ post.date_modified | safe }}">{{ post.date_modified | safe }}</time></span>
	{% endif %}
	<p class="post-card-content">{{ post.summary }}</p>
</section>
<br>
{% endmacro post_card %}

{% macro project_card(project) %}
<li class="post-card">
	<a class="project-card" href="{{ project.url | safe }}">
		<img class="project-img"
			src="{{ project.image | safe }}">
		<h2 class="project-title">
			{{project.title | safe}}
		</h2>
		<p class="project-description">{{ project.summary | safe }}</p>
	</a>
</li>
{% endmacro post_card %}