{% extends "base.html" %}

{% block page_title %}{{ site_title }}{% endblock page_title %}

{% block content %}
<h1>{{ site_title }}</h1>
{% if home %}
<div class="home-content">
    {{ home.content | safe }}
</div>
{% endif %}
<ul class="blog-list">
    {% for post in posts %}
    <li class="post-card">
        {% if post.image %}<img src="{{ post.image }}" alt="" class="post-card-image">{% endif %}
        <a href="{{ post.url | safe }}">{{ post.title }}</a>
        {% if post.created %}<time>{{ post.created }}</time>{% endif %}
        {% if post.description %}<p>{{ post.description }}</p>{% endif %}
        {% if post.tags | length > 0 %}
        <ul class="tag-list">
            {% for tag in post.tags %}
            <li><a href="/tags/{{ tag.slug }}/">{{ tag.name }}</a></li>
            {% endfor %}
        </ul>
        {% endif %}
    </li>
    {% endfor %}
</ul>
{% if popular_tags | length > 0 %}
<aside class="tag-cloud">
    <h2>Tags</h2>
    <ul>
        {% for tag in popular_tags %}
        <li><a href="/tags/{{ tag.slug }}/">{{ tag.name }}</a> <span class="tag-count">{{ tag.count }}</span></li>
        {% endfor %}
    </ul>
</aside>
{% endif %}
{% endblock content %}