{% extends "base.html" %}
{% block content %}
{% if articles %}
	<section id="content">
	{% for page in pages %}
		{% if page.title == 'agenda' %}
			<div id="agenda">{{ page.content }}</div>
		{% endif %}
	{% endfor %}
	{% for article in articles_page.object_list %}
		{% if loop.index <= 5 %}
			<div class="featured">
				<article>
					<h1 class="entry-title p-name">
						<a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
					</h1>
					<div class="entry-subtitle"> 
						<span class="entry-category">
							{{ article.category }}
						</span> 
						about 
						<span class="entry-tags">
							{% for tag in article.tags %}
								<span itemprop="keywords">
									<a href="{{ SITEURL }}/{{ tag.url }}" rel="tag">{{ tag }}</a>
								</span> 
							{% endfor %}
						</span> 
						⟿ published on 
						<span class="entry-date dt-published">{{ article.date | strftime('%d %B %Y') }}</span>
					</div>
					<div class="entry-content e-content">
						{% if article.has_summary == True %}
							<div id="summary">{{ article.summary }} 
								<a href="{{ SITEURL }}/{{ article.url }}" class="readmore">Read more ...</a>
							</div>
						{% else %}
							{{ article.content }}
						{% endif %}
					</div>
				</article>
			</div>
			{% if loop.index < 5 %}
				{% if loop.last %}
					</section>
				{% endif %}
			{% endif %}
			{% if loop.index == 5 %}
				</section>
				<section id="list">
					<strong>Other articles</strong>
					<hr />
					<ul id="posts-list">
			{% endif %}
		{# other items #}
		{% else %}
			{% if loop.first %}
				</section>
				<section id="list">
					<ol id="posts-list" class="hfeed" start="{{ articles_paginator.per_page -1 }}">
			{% endif %}
			<li>
				<article class="hentry">
					<div class="head">
						<h1 class="p-name entry-title">
							<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
						</h1>
						<div class="entry-subtitle"> 
							<span class="entry-category">
								<em>{{ article.category }}</em>
							</span> 
							about 
							<span class="entry-tags">
								{% for tag in article.tags %}
									<span itemprop="keywords">
										<a href="{{ SITEURL }}/{{ tag.url }}" rel="tag">{{ tag }}</a>
									</span> 
								{% endfor %}
							</span> 
							published on 
							<span class="entry-date dt-published">{{ article.date }}</span>
						</div>
					</div>

					<div class="entry-content">
						<p class="p-summary entry-content">{{ article.summary }}</p>
						<span class="entry-readmore"><a class="readmore" href="{{ SITEURL }}/{{ article.url }}"> read more</a></span>
					</div>
				</article>
			</li>
		{% endif %}
	</ol>
	{% endfor %}
</section>
{% endif %}
{% endblock content %}