{% extends "base.html" %}

{% block title %}{{page.title|safe}} – {{ config.extra.sitename|safe }}{% endblock title %}

{% block head %}
{% if page.extra.katex %}{{macros::katex()}}{% endif %}
{% endblock head %}

{% block body %}
<nav id="breadcrumb">
	{% for a in page.ancestors %}
		{% set s = get_section(path=a) %}
		<a href="{{s.permalink|safe}}">{{s.title}}</a>
		{% if not loop.last %}&gt;{% endif %}
	{% endfor %}
</nav>
<span id="langs">
	{{lang}} &#8211;
	
	{% for t in page.translations %}
		{% if t.lang|default(value=config.default_language) != lang %}
			<a href="{{t.permalink|safe}}">{{t.lang|default(value=config.default_language)}}</a>
		{% endif %}
	{% endfor %}
</span>

<h1>{{page.title | safe}}</h1>
<small class="article-date">{{page.date}}</small><br/>
<small class="article-tags">{% for tag in page.taxonomies.tags %}<a href="/{{macros::langurl()}}tags/{{tag}}">{{tag}}</a>{% if not loop.last %}, {% endif %}{% endfor %}</small>

{% if page.toc %}
<nav>
	<ul class="toc">
		{% for h2 in page.toc %}
		<li>
			<a href="{{ h2.permalink | safe }}">{{ h2.title | safe }}</a>
			<ul>
				{% for h3 in h2.children %}
				<li><a href="{{ h3.permalink | safe }}">{{ h3.title | safe }}</a></li>
				{% endfor %}
			</ul>
		</li>
		{% endfor %}
	</ul>
</nav>
{% endif %}

<main>
	{{page.content | safe}}
</main>

<footer>
	<hr/>
	<div class="footer-icons">
		<a rel="author" href="https://toot.aquilenet.fr/@tuxmain" title="Mastodon" target="_blank"><img alt="Mastodon" src="/img/mastodon-purple.svg" style="width:48px"/></a>
		<a href="/{{macros::langurl()}}atom.xml" title="RSS/Atom"><img alt="RSS/Atom" src="/img/rss-gradient.svg" style="width:48px"/></a>
		<a href="https://liberapay.com/tuxmain/donate" title="Liberapay"><img alt="Liberapay" src="/img/liberapay-donate.svg"/></a>
	</div>
	<br/>
	<a href="https://git.txmn.tk/tuxmain/website">Git</a> | <a rel="license" href="//creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
</footer>
{% endblock body %}