<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>{% block title %}Perfectly Sane{% endblock %}</title>
    <link rel="stylesheet" href="{{ get_url(path="static/style.css") | safe }}">
    {# i have no favicon: this disable requests to /favicon.ico #}
    <link rel="icon" href="data:,">
    <link rel="alternate" type="application/atom+xml" title="Feed" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
    {% block head %}{% endblock %}
</head>

{% set about = get_page(path="about.md") %}

<body>
    <div class="portal">
        <header>
            <span>
                <span class="link-consolidated link-consolidated-left">
                    {% block breadcrumbs %} {% endblock %}
                </span>

                {% block rss_link %}
                <a href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
                    <img class="link-rss" />
                </a>
                {% endblock %}
            </span>

            <span class="flex-right">
                {% block breadcrumbs_right %}
                    <span class="link-consolidated link-consolidated-right">
                        {% block right_header_link %}
                            <a href="{{ about.permalink | safe }}">about</a>
                        {% endblock %}
                    </span>
                {% endblock %}
            </span>
        </header>

        <div class="body-text">
            {% block content %} {% endblock %}
        </div>
    </div>
</body>

</html>
