{% extends "base.html" %}

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

<style>
#main {
    gap: 12px;
}

#create-new {
    background-color: white;
    color: black;
    border: 1px white solid;
}

a.container {
    color: inherit;
}
</style>
{% endblock %}

{% block content %}

<a id="create-new" href="/admin/blog/create">create new post</a>

{% for post in posts|sort(attribute="id", reverse=True) %}

<a class="container" href="/admin/blog/{{ post.id }}">
    <p>id: {{ post.id }}</p>
    <h2>{{ post.title }}</h2>
    <p>{{ post.description or "" }}</p>
</a>

{% endfor %}

{% endblock %}