{% extends "base.html" %}
{% block content %}
<section>
{% block content_title %}
<h2>All articles</h2>
{% endblock %}
<div class="posts">
    {% for article in articles_page.object_list %}
            <article>
                <header> <h2><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>

                        {% if article.photo_image %}
                            <a href="{{ SITEURL }}/{{ article.url }}" class="image"><img src="{{ SITEURL }}/{{ article.photo_image[1] }}" style="max-width: 100%; display: inline; float: center;" /></a>
                        {% endif %}
                    <footer class="post-info">
                        <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time> 
                    </footer><!-- /.post-info -->                        
                        <div class="entry-content"> {{ article.summary }} </div>
                        {% if article.category %}
                        <div class="category">
                            Posted in: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
                        </div>
                        {% endif %}
                        <ul class="actions">
                            <li><a href="{{ SITEURL }}/{{ article.url }}" class="button">More</a></li>
                        </ul>
                    <!-- /.entry-content -->
            </article>
    {% endfor %}
<!-- /#posts-list -->
</div>
{% if articles_page.has_other_pages() %}
    {% include 'pagination.html' %}
{% endif %}
</section><!-- /#content -->
{% endblock content %}