{% include 'atoms/header.html' %}

<body>
    {% include 'atoms/nav.html' %}
    <section class="section">
        <div class="container">
            {% for article in articles %}
            <article>
                <div class="subtitle tags is-6 is-pulled-right">
                    <!-- <a class="subtitle is-6" href="">#html</a> | <a class="subtitle is-6" href="{{ config.base_url }}">#themes</a>-->
                </div>
                <h3 class="subtitle is-6 date">{{ article.date }}</h3>
                <h2 class="title"><a href="{{ article.url }}">{{ article.title }}</a></h2>
                <div class="content">
                    {{ article.description }}
                    <a class="button is-link" href="{{ article.url }}">Read more</a>
                </div>
            </article>

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

    {% include 'atoms/footer.html' %}
