{% extends "base.html" %}

{% block content %}
<section class="hero">
    <div class="container">
        <div class="typewriter-wrapper">
            <h2>I write about Self-hosting, Arduino, STM32.</h2>
        </div>
    </div>
</section>

<div class="post-list">
    {% for post in posts %}
<article class="post-item">
    <h3>
        <a href="{{ url_for('post', path=post.path) }}" class="main-link">
            {{ post.title }}
        </a>
    </h3>
    <span class="date">{{ post.date }}</span>
    <p>{{ post.meta.get('description', 'Read more...') }}</p>
    
    <div class="tags" style="position: relative; z-index: 2;">
        {% for tag in post.meta.get('tags', []) %}
            <a href="{{ url_for('tag', tag_name=tag) }}" class="tag-badge">#{{ tag }}</a>
        {% endfor %}
    </div>
</article>
    {% else %}
    <p>No posts yet. Time to write something!</p>
    {% endfor %}
</div>
{% endblock %}