<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        {%- block fulltitle -%}
            {% block title %}{{ page_title }}{% endblock %} &mdash; {{ SITE_NAME }}
        {%- endblock fulltitle -%}
    </title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes">
    {% if config['FAVICON_URL'] -%}
        <link rel="shortcut icon" type="image/x-icon" href="{{ config['FAVICON_URL'] }}" />
    {%- endif %}
    <meta name="csrf-token" content="{{ csrf_token() }}" />
{% include 'base_head.html' %}
</head>

<body>
    <!-- Container start -->
    <div class="container">
    {{ html_block('header') }}

    {% if config['RANDOM_LOGOS'] -%}
    <!-- Logo image and carousel start -->
    <div class="logopic" style="background-image: url('{{ random_logo() }}')">
        <div id="slides" class="carousel">
            {{ random_stories() }}
        </div>
    </div>
    <!-- Logo image and carousel end -->
    {%- endif %}
    <!-- Menu start -->
    <ul class="nav nav-pills nav-main" id="nav-main">
    {% include 'includes/nav.html' %}
    </ul>
    <!-- Menu end -->
    {% include 'includes/shown_notice.html' %}
    <!-- Content start -->
    <div id="content">

    {%- block content %}{% endblock -%}

    </div>
    <!-- Content end -->
    {{ html_block('footer') }}
    </div>
    <!-- Container end -->

    <div class="modal-backdrop hide fade" id="modal-bg"></div>
    <div class="modal hide fade" id="modal">{% block modal %}{% endblock %}</div>
    <img id="loading-icon" src="{{ url_for('static', filename='i/ajax-loader.gif') }}" alt="..." class="loader loader-hidden" />

    <div id="notifications"></div>
{% include 'base_body_scripts.html' %}
</body>
</html>
