<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
<head>
{% block head %}
<title>{% block title %}{{ SITENAME }} {{SITESUBTITLE}}{% endblock title %}</title>
<meta charset="utf-8" />
<link rel="icon" href="{{ SITEURL}}/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="{{ SITEURL }}/favicon.ico" type="image/x-icon">
{% from 'syndication.html' import syndication with context %}
{{ syndication(article) }}
<link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/fork-awesome/css/fork-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/pygment.css" />
<link rel="stylesheet" type="text/css" href="/{{ THEME_STATIC_DIR }}css/{{ CSS_FILE }}" />
{% endblock head %}
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body id="index" class="home">
    <div class="buttons top left">
        {% if DEFAULT_LANG == 'nl' %}
            <i class="fa fa-home fa-fw"></i> <a href="/">home</a>
            <i class="fa fa-info-circle fa-fw"></i> <a href="/pages/about.html">over</a>
        {% else %}
            <i class="fa fa-home fa-fw"></i> <a href="/en">home</a>
            <i class="fa fa-info-circle fa-fw"></i> <a href="/en/pages/about.html">about</a>
        {% endif %}
    </div>
    <div class="buttons top">
    {% if I18N_SUBSITES %}
        {% for lang, url in I18N_SUBSITES.items() %}
            {% if DEFAULT_LANG == 'nl' %}
                {% if lang == 'nl' %}
                    <li><em>varia</em> komt in vele vormen: </li>
                    <li><i class="fa fa-envelope "></i> &nbsp;<a href="https://we.lurk.org/postorius/lists/varia.we.lurk.org/" target="_blank">mailinglijst </a></li>
                    <li><i class="fa fa-rss "></i> &nbsp;<a href="feeds/all-{{ DEFAULT_LANG }}.rss.xml" type="application/rss+xml">RSS feed </a></li>
                    <!-- <li><a href="#"><i class="fa fa-rss "></i>.ics kalendar</a></li> -->
                    <li {% if DEFAULT_LANG == 'nl' %} class="active"><a href="/">Nederlands</a>{% else %}><a href="/">Nederlands</a>{% endif %}</li>
                    <li{% if DEFAULT_LANG == 'en' %} class="active"><a href="/en/">English</a>{% else %}><a href="/en/">English</a>{% endif %}</li>
                {% endif %}
            {% endif %}
            {% if DEFAULT_LANG == 'en' %}
                {% if lang == 'en' %}
                    <li><em>varia</em> comes in many forms: </li>
                    <li><i class="fa fa-envelope "></i> <a href="https://we.lurk.org/postorius/lists/varia.we.lurk.org/" target="_blank">mailinglist </a></li>
                    <li><i class="fa fa-rss "></i> <a href="feeds/all-{{ DEFAULT_LANG }}.rss.xml" type="application/rss+xml">RSS feed </a></li>
                    <!-- <li><a href="#"><i class="fa fa-rss "></i>.ics calendar</a></li> -->
                <li {% if DEFAULT_LANG == 'nl' %} class="active"><a href="/">Nederlands</a>{% else %}><a href="/">Nederlands</a>{% endif %}</li>
                <li{% if DEFAULT_LANG == 'en' %} class="active"><a href="/{{lang}}">English</a>{% else %}><a href="/{{lang}}">English</a>{% endif %}</li>
                {% endif %}
            {% endif %}
        {% endfor %}
    {% endif %}
        <br>
    </div>
    <div class="buttons top">

    </div>
    {% block banner %}
    <header id="banner">
    {% for p in pages %}
        {% if p.title == 'header' %}
            <div id="title">
                {{ p.content }}
            </div>
        {% endif %}
    {% endfor %}
    </header>
    {% endblock banner %}
    {% block content %}
    {% endblock %}
</body>
</html>