<!doctype html>
<html lang="en">
<title>{{ title }}</title>
{% if title %}<meta property="og:title" content="{{ title }}">{% endif %}
{% if description %}<meta property="og:description" content="{{ description }}">{% endif %}
{% if image %}<meta property="og:image" content="{{ image }}">{% endif %}
<meta property="og:url" content="{{ base_url }}">
<meta name="twitter:card" content="summary_large_image">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename=user_style) }}">
<link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}">

<div class="site-wrap">
    {% block header %}
    <div class="header">
        <div class="nav">
            {% for nav in navs %}
            <a href="{{ nav.1 }}">{{ nav.0 }}</a>
            {% if not loop.last %} &raquo; {% endif %}
            {% endfor %}
        </div>
        <div class="styles">
            <a href="?style=dark">[dark]</a>
            <a href="?style=light">[light]</a>
        </div>
    </div>
    {% endblock %}
    {% block body %}
    <div class="content">
        {{ content }}
    </div>
    <footer>
        <i>Last modified: {{ mtime }}</i>
    </footer>
    {% endblock %}
</div>
</html>