{% extends "base.html" %}

{% block content %}
<section class="hero">
    <h2 style="color:  #2563eb; margin-bottom : 10%">I write about Self-hosting, Arduino, STM32 and various tech stupidity.</h2>
</section>

<div class="post-list">
    {% for post in posts %}
    <article class="post-item">
        <h3><a href="{{ url_for('post', path=post.path) }}">{{ post.title }}</a></h3>
        <span class="date">{{ post.date }}</span>
        <p>{{ post.meta.get('description', 'Read more...') }}</p>
        <p>{{ post.meta.get('tag', 'no tag') }}</p>
    </article>
    {% else %}
    <p>No posts yet. Time to write something!</p>
    {% endfor %}
</div>
{% endblock %}