<!DOCTYPE html>
<html lang="{{ page.lang }}">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/styles.css">
<link rel="alternate" type="application/atom+xml" href="{{ site.t.feed_url[page.lang] }}" title="{{ site.t.feed_title[page.lang] }}" />
<title>{{ page.title }}</title>
<meta property="og:site_name" content="{{ site.title }}" />
<meta name="author" content="{{ site.author.name }}" />
<meta property="og:locale" content="{{ page.lang }}" />
<meta property="og:title" content="{{ page.title }}" />
<link rel="canonical" href="{{ page.url | absolute_url }}" />
<meta property="og:url" content="{{ page.url | absolute_url }}" />
{% if page.date %}
<meta property="og:type" content="article" />
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
{% endif %}
</head>
<body>
<header>
<nav>
<div id="nav-left">
<a href="{{ site.t.home_url[page.lang] }}">{{ site.t.home[page.lang] }}</a>
</div>
<div id="nav-right">
<ul>
{% if page.ref != nil %}
{% assign lposts=site.posts | where:"ref", page.ref | sort: 'lang' %}
{% for lpost in lposts %}
<li>
<a href="{{ lpost.url }}" class="{{ lpost.lang }}">{{ lpost.lang }}</a>
</li>
{% endfor %}
{% endif %}
{% if page.ref != nil %}
{% assign lpages=site.pages | where:"ref", page.ref | sort: 'lang' %}
{% for lpage in lpages %}
<li>
<a href="{{ lpage.url }}" class="{{ lpage.lang }}">{{ lpage.lang }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
<a href="{{ site.t.about_url[page.lang] }}">{{ site.t.about[page.lang] }}</a>
<a href="{{ site.t.feed_url[page.lang] }}">
<img class="simple-icon" src="/images/atom.svg" alt="{{ site.t.alt.blog_feed[page.lang] }}" />
</a>
</div>
</nav>
</header>
<main role="main">
<h1>{{ page.title }}</h1>
{{ content }}
</main>
<footer>
<ul>
<li>
<img class="simple-icon" src="/images/envelope.svg" alt="{{ site.t.alt.envelope_icon[page.lang] }}" />
<a href="mailto:eu@euandre.org">eu@euandre.org</a>
</li>
<li>
<img class="simple-icon" src="/images/lock.svg" alt="{{ site.t.alt.lock_icon[page.lang] }}" />
<a href="/public-key.txt">81F90EC3CD356060</a>
</li>
</ul>
<p>
{{ site.t.footer[page.lang] }}
</p>
</footer>
</body>
</html>