{% extends "base.html" %}
{% block title %}Categories{% endblock %}
{% block description %}{% endblock %}

{% block content %}
<div class="uk-width-4-5@m">
    <h1 class="uk-heading-primary">Categories</h1>
    {% for category, articles in categories %}
    <h2><a href="{{ SITEURL}}/{{ category.url}}" class="uk-link-muted mg-list-title">{{ category|capitalize }}</a></h2>
        {% for article in articles %}

        <article class="uk-article">
            <a href="{{ SITEURL }}/{{ article.url }}" class="uk-article-title uk-link-muted">{{ article.title }}</a>
            <p class="uk-article-meta">
                <time datetime="{{ article.date.strftime('%Y-%m-%d') }}">{{ article.locale_date }}</time>
            </p>
            <p>{{ ' '.join(article.content.split(' ')[0:75])|striptags }}...</p>
        </article>

        {% endfor %}

        <hr>

    {% endfor %}
</div>
{% endblock %}