{% extends "base.html" %}

{% block head %}
	{{ super() }}
	{% if article.description %}
		<meta name="description" content="{{article.description}}" />
	{% endif %}

	{% if article.tags or article.category or article.keywords %}
		<meta name="keywords" content="{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}" />
	{% endif %}
{% endblock %}

<div class="file type_folder">
	<a title="../" href="/log/" id="link0" class="type_folder"><img alt="../" src="/icons/back.png" class="type_folder"></a>
	</br>
	<span class="filename">../</span>

	{% block content %}
	<section id="content" class="body">
		<header id="banner">
		    {% for p in pages %}
		        {% if p.title == 'header' %}
		            <div id="title">{{ p.content }}</div>
		        {% endif %}
		    {% endfor %}
		</header>
		<div class="entry-title">
			{{ article.title }}
		</div>
		<div class="article-info">
			<div class="featured-image">
                {% if article.featured_image %}
                {% set thumb_size ='/thumb'%}
                    <a href="{{ article.featured_image }}">
                        {% if article.featured_image.endswith('.gif') %}
                            {% set thumb_size =''%}
                        {% endif %}
                        <img src="{{ article.featured_image | replace('images','images'+thumb_size) }}">

                    </a>
                {% endif %}
			</div>
			<div class="event-details">
				{% if article.event_start %}
					<div>{{ article.event_start }}</div>
				{% endif %}
			</div>
			<div class="post-info">
				{% if article.category %}
				<div class="categories">
					<span itemprop="articleSection">
						<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a>
					</span>
				</div>
				{% endif %}
				{% if article.translations %}
					<div class="article-translation">
					{% for translation in article.translations %}
						{% if translation.lang == 'nl' %}
						<a href="{{ translation.url }}">Lees dit artikel in het Nederlands</a>
						{% endif %}

						{% if translation.lang == 'en' %}
						<a href="{{ translation.url }}">Read this article in English</a>
						{% endif %}
					{% endfor %}
					</div>
				{% endif %}
			</div>
		</div>
	<div class="entry-content-container">
		<div class="entry-content">

			{{ article.content }}
			<div class="separator"><hr></div>
		</div><!-- /.entry-content -->
	</div><!-- /.entry-content-container -->
	</section>
{% endblock %}