{% extends "base.html" %}
{% block content %}
<section id="content" class="index">
<header>
    <div id="about">
	    {% for p in pages %}
	        {% if p.title == 'header' %}
	            {{ p.content }}
	        {% endif %}
	    {% endfor %}
	</div>
    <div id="colophon">
		{% for p in pages %}
			{% if p.title == 'colophon' %}
				{{ p.content }}
			{% endif %}
		{% endfor %}
	</div>
</header>

<div id="stream">
	<div class="intro">Since the last update of the website, the streambot collected the following logs:</div>
	<div class="logs">
	{% for p in pages %}
		{% if p.title == 'stream' %}
			{{ p.content }}
		{% endif %}
	{% endfor %}
	</div>
</div>


{% set glob={} %}

{% if DEFAULT_LANG == 'nl' %}
    {% set _ = glob.update({'published_at': 'Gepubliceerd op '}) %}
    {% set _ = glob.update({'related_to': ' gerelateerd aan '}) %}
    {% set _ = glob.update({'written_by': 'Geschreven door '}) %}
    {% set _ = glob.update({'read_more': 'lees meer '}) %}
{% endif %}
{% if DEFAULT_LANG == 'en' %}
    {% set _ = glob.update({'published_at': 'Published at '}) %}
    {% set _ = glob.update({'related_to': ' relating to '}) %}
    {% set _ = glob.update({'written_by': 'Written by '}) %}
    {% set _ = glob.update({'read_more': 'read more'}) %}
{% endif %}

{% block content_title %}
{% endblock %}

{% if articles_page.has_other_pages() %}
    {% include 'pagination.html' %}
{% endif %}

<div id="post-list">
{% for article in articles_page.object_list %}

	{% if loop.index < 6 %}

	    {% set thumb_size = '/thumb' %}

	    {% if article.event_start %}
	        {% set event_status = '' %}
	        {% if article.event_start < article.date.now() %}
	            {% set event_status = ' past' %}
	        {% endif %}
	        {% if article.event_start >= article.date.now() %}
	            {% set event_status = ' current' %}
	        {% endif %}    
	    {% endif %}

	    <article class="hentry {{article.category}}{{event_status}}">
	        <div class="article-info">
	            <span class="entry-title"><a href="/{% if article.lang == 'en' %}en/{% endif %}{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
	            {% if article.event_start %}
	                <div class="event-details">
	                    {{ article.event_start  | strftime('%d %B %Y') }}
	                </div>
	            {% else %}
	                <div class="event-details"></div>
	            {% endif %}
	            <div class="featured-image {{event_status}}">
	                {% if article.featured_image %}
	                    <a href="/{% if article.lang == 'en' %}en/{% endif %}{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
	                        {% if article.featured_image.endswith('.gif') %}
	                            {% set thumb_size =''%}
	                        {% endif %}
	                        <img src="{{ article.featured_image | replace('images','images/thumb') }}">

	                    </a>
	                {% endif %}
	            </div>
	        </div>
	        <div class="summary {{ article.category }}">{{ article.summary }}
	            <span class="read_more">
	                {% if DEFAULT_LANG == 'en' %}
	                    <a href="/en/{{ article.url }}">{{ glob.read_more }}</a>
	                {% elif DEFAULT_LANG == 'nl' %}
	                    <a href="/{{ article.url }}">{{ glob.read_more }}</a>
	                {% endif %}
	            </span>
	        </div>
	        <div class="separator"><hr></div>
	        <div class="post-info">
	            {% if article.category %}
	                <span class="categories">
	                    <span itemprop="articleSection">
	                        <a href="/category{{ article.category.url }}" rel="category">{{ article.category }}</a>
	                    </span>
	                </span>
	            {% endif %} 
	            {% if article.tags %}
	                <span class="tags">
	                    {{ glob.related_to }}
	                    {% for tag in article.tags %}
	                    <span itemprop="keywords">
	                        <a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
	                    </span> {% endfor %}
	                </span>
	            {% endif %}
	        </div>
	    </article>
	
	{% endif %}

{% endfor %}
</div><!-- /#posts-list -->

</section><!-- /#content -->
{% endblock content %}