{% extends 'base.html' %}

{% block title %}
    All Posts
{% endblock %}

{% block content %}
<h2 class="center">All Posts</h2>
<div class="posts-container">
    <div class="posts">
        {% for post in posts %}
            <div class="post">
                <a href="{{ url_for('post', alias=post['alias']) }}">
                    <img src="{{ url_for('static', filename='images/' + post['image']) }}" alt="{{ post['title'] }}" width="500" height="400">
                    <h2>{{ post['title'] }}</h2>
                </a>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock %}