{% extends 'base.html' %}

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

{% block content %}
    <section class="content">
        <h1>All Posts</h1>
        <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="300">
                        <h2>{{ post['title'] }}</h2>
                    </a>
                </div>
            {% endfor %}
        </div>
    </section>
{% endblock %}