{%- extends "base.html" -%}
{%- block title -%}{{- article.title | trim -}}{%- endblock -%}
{%- block head -%}
	{{- super() -}}
	{%- for tag in article.tags -%}
		{%- for anytag, articles in tags if
		        anytag == tag and
		        articles | list | length > 1 -%}
			<link href="/entries/{{- tag.slug -}}/feed"
			      rel="alternate"
			      type="application/atom+xml"
			      title="{{ SITENAME }} - {{ tag }}">
		{%- endfor -%}
	{%- endfor -%}
{% endblock %}
{%- block pagedetails -%}
	{%- for author in article.authors -%}
		<address>
			<span>by </span>
			<a href="/{{- article.author.url -}}" rel="author">
				{{- article.author | trim -}}
			</a>
		</address>
	{%- endfor -%}
	<p>
		<time datetime="{{- article.date | strftime('%Y-%m-%d %H:%M') -}}">
			{{- article.date | strftime(DATE_FORMAT_MINUTE) -}}
		</time>
		{%- if article.modified and
		       article.date | strftime(DATE_FORMAT_DAY) !=
		                        article.modified | strftime(DATE_FORMAT_DAY) -%}
			<span> / </span>
			<time datetime="{{- article.modified |
			                    strftime('%Y-%m-%d %H:%M') -}}">
				{{- article.modified | strftime(DATE_FORMAT_MINUTE) -}}
			</time>
		{%- endif -%}
	</p>
	{%- if article.description -%}
		<p>
			<i>{{- article.description | trim -}}</i>
		</p>
	{%- endif -%}
	{%- if article.small -%}
		<p>
			<small>{{- article.small | trim -}}</small>
		</p>
	{%- endif -%}
	{# <!--XXX skip links --> #}
{%- endblock -%}
{%- block maincontentintro -%}
	{%- if article.image -%}
		<div class="image" style="
			background-image: url('{{- article.image.filename -}}');
			{%- if article.image.position -%}
				background-position: {{
					article.image.position
				}};
			{%- endif -%}
			{%- if article.image.height -%}
				height: {{
					article.image.height
				}};
			{%- else -%}
				height: 4rem;
			{%- endif -%}
			">
		</div>
	{%- endif -%}
{%- endblock -%}
{%- block maincontent -%}
	{{- article.content | trim -}}
{%- endblock -%}
{%- block main -%}
	<article>
		{{- super() -}}
		{%- if article.links or article.related_posts -%}
			{#- <!-- article.related_posts implies that
			         at least 1 tag also appears in another article. --> -#}
			<footer>
				<hr class="visuallyhidden">
				{%- if article.links -%}
					<ul class="biglinks">
						{%- for link in article.links -%}
							<li>
								<a href="{{- link.url -}}">
									<strong>{{- link.title | trim -}}</strong>
									{%- if link.description -%}
										<span class="visuallyhidden">: </span>
										<i>{{- link.description | trim -}}</i>
									{%- endif -%}
								</a>
							</li>
						{%- endfor -%}
					</ul>
				{%- endif -%}
				{%- if article.related_posts -%}
					{#- <!-- This implies that
					         at least 1 of this article's tags
					         also appears in another article.
					         --> -#}
					<section class="smalllinks">
						<h2>Labels:</h2>
						<ul>
						{%- for tag in article.tags -%}
							{#- <!-- Loop through this article's tags, in order.
							         --> -#}
							{%- for anytag, articles in tags if
							        anytag == tag and
							        articles | list | length > 1 -%}
								{#- <!-- Loop through *all* tags;
								         find the tag we're considering.
								         Only display it if
								         it's applied to more than 1 article.
								         --> -#}
								<li>
									<a href="/entries/{{- tag.slug -}}">
										{{- tag -}}
									</a>
								</li>
							{%- endfor -%}
						{%- endfor -%}
						</ul>
					<hr class="visuallyhidden">
					</section>
				{%- endif -%}
			</footer>
		{%- endif -%}
	</article>
{%- endblock -%}
{%- block bottomnav -%}
	{%- if article.related_posts -%}
		<ul class="biglinks">
			{%- for article in article.related_posts -%}
				<li>
					<a href="/{{- article.url -}}">
						<strong>{{- article.title | trim -}}</strong>
						<span class="visuallyhidden"> (</span>
						<time datetime="{{- article.date |
						                    strftime('%Y-%m-%d %H:%M') -}}">
							{{- article.date | strftime(DATE_FORMAT_DAY) -}}
						</time>
						<span class="visuallyhidden">)</span>
						{%- if article.description -%}
							<span class="visuallyhidden">: </span>
							<i>
								{{- article.description | striptags -}}
							</i>
						{%- endif -%}
					</a>
				</li>
			{%- endfor -%}
		</ul>
		<hr class="visuallyhidden">
	{%- endif -%}
	<nav class="nearby">
		<ul>
			{%- if article.next_article -%}
				<li class="next">
					<a href="/{{- article.next_article.url -}}" rel="next">
						<span> → </span>
						{{- article.next_article.title | trim -}}
					</a>
				</li>
			{%- endif -%}
			{%- if article.prev_article -%}
				<li class="prev">
					<a href="/{{- article.prev_article.url -}}" rel="prev">
						<span> ← </span>
						{{- article.prev_article.title | trim -}}
					</a>
				</li>
			{%- endif -%}
			<li class="up">
				<a href="/{{- article.date | strftime('%Y/%m/%d') -}}" rel="up">
					<span> ↑ </span>
					{{- article.date | strftime(DATE_FORMAT_DAY) -}}
				</a>
			</li>
		</ul>
	</nav>
	{{- super() -}}
{%- endblock -%}