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

{% block header %}
<h1 id="menu" class="sticky">
	<a href="{{ SITEURL }}/">Welcome to
	the <span id="character">�</span></a>
	 <select onchange="window.location.href=this.value">
	 	{%- for t, article in tags|sort %}
		<option value="{{SITEURL}}/{{ t.url }}" {% if t == tag %}selected{% endif %}>{{ t }}</option>
		{% endfor %}
	</select> 
	<a href="{{ SITEURL }}/">Federation</a>
</h1>
{% endblock %}

{% block content %}
<section id="content" class="body 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">{{ article.content }}</div>
</section>

{% endblock %}