<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
<head>
        {% block head %}
        <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        {% if FEED_ALL_ATOM %}
        <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
        {% endif %}
        {% if FEED_ALL_RSS %}
        <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
        {% endif %}
        {% if FEED_ATOM %}
        <link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
        {% endif %}
        {% if FEED_RSS %}
        <link href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
        {% endif %}
        {% if CATEGORY_FEED_ATOM and category %}
        <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" />
        {% endif %}
        {% if CATEGORY_FEED_RSS and category %}
        <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" />
        {% endif %}
        {% if TAG_FEED_ATOM and tag %}
        <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
        {% endif %}
        {% if TAG_FEED_RSS and tag %}
        <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
        {% endif %}
        <link href="{{ SITEURL }}/theme/lib/normalize-css/normalize.css" rel="stylesheet" />
        <link href="{{ SITEURL }}/theme/css/style.css" rel="stylesheet" />
        <link href="{{ SITEURL }}/theme/css/pygments-native.css" rel="stylesheet" />
        {% endblock head %}
</head>
<body>
    {% block body %}
    <header>
            <h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
            {% if SITESUBTITLE %}
            <h2><a href="{{ SITEURL }}/">{{ SITESUBTITLE }}</a></h2>
            {% endif %}
    </header>
    {% block preface %}{% endblock %}
    <div>
        <nav>
            {% if DISPLAY_PAGES_ON_MENU or MENUITEMS %}
            <ul>
            {% if DISPLAY_PAGES_ON_MENU %}
                {% for p in PAGES %}
                <li><a href="{{ SITEURL }}/{{ p.url }}"{% if p == page %} class="active"{% endif %}>{{ p.menu_title or p.title }}</a></li>
                {% endfor %}
            {% endif %}
            {% if MENUITEMS %}
                {% for title, link in MENUITEMS %}
                <li><a href="{{ link }}">{{ title }}</a></li>
                {% endfor %}
            {% endif %}
            </ul>
            {% endif %}
            {% if DISPLAY_CATEGORIES_ON_MENU %}
            <header><h1>Blog Topics</h1></header>
            <ul>
                {% for cat, null in categories %}
                <li><a href="{{ SITEURL }}/{{ cat.url }}"{% if cat == category %} class="active"{% endif %}>{{ cat }}</a></li>
                {% endfor %}
            </ul>
            {% endif %}
        </nav>
        {% if self.content() %}
        <main>
            {% block content %}{% endblock %}
        </main>
        {% endif %}
        {% if self.aside() %}
        <aside>
            {% block aside %}{% endblock %}
        </aside>
        {% endif %}
    </div>
    {% if self.footer() %}
    <footer>
        {% block footer %}{% endblock %}
    </footer>
    {% endif %}
    {% endblock %}
    {% if "textarea" in self.content() %}
    <script src="{{ SITEURL }}/theme/lib/autosize/autosize.js"></script>
    <script>autosize(document.querySelectorAll('textarea'));</script>
    {% endif %}
    <script src="{{ SITEURL }}/theme/lib/jquery/jquery.js"></script>
    <script src="{{ SITEURL }}/theme/js/script.js"></script>
    {% include 'analytics.html' %}
</body>
</html>