{% extends "base.html" %}

{% block head %}
{{ super() }}

<link rel="stylesheet" href="/static/stylesheets/blog.css">
{% endblock %}

{% block content %}

<h1>blog</h1>

<div id="posts">
    {% for post in posts|sort(attribute="created_at", reverse=True) %}
    <a class="container post" href="/blog/{{ post.id }}">
        <h2>{{ post.title }}</h2>
        <p>{{ post.description or "" }}</p>
        <p class="created-at">posted {{ format_ts(post.created_at) }}</p>
    </a>
    {% endfor %}

    {% if posts|length == 0 %}
    <p>huh, I guess nothing has been posted yet.</p>
    {% endif %}
</div>

{% endblock %}