<!DOCTYPE html>
{% load i18n %}
{% load static from static %}
{% load pipeline %}
{% load piwik_tags %}
{% load annoy %}
<html class="no-js {% if VARIANT %}{{ VARIANT }}{% endif %}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>{% block title %}{% endblock %} :: {% trans "Wolne Lektury" %}</title>
    <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
    {% stylesheet "book_text" %}
    {% block extrahead %}{% endblock %}
    {% tracking_code %}
  </head>
  <body id="{% block body-id %}reader{% endblock %}">
    {% annoy_banner 'top' %}
    <nav id="no-menu"><ul>
      <li><a href="#" id="menu-toggle-on"></a></li>
      {% block no-menu-extra %}{% endblock %}
    </ul></nav>

    <nav id="menu">
      <ul>
        <li><a href="#" id="menu-toggle-off"></a></li>
        <li>
          <a href="/">
            <img src="{% static 'img/logo-neon.png' %}" width="120"
                 alt="Wolne Lektury"
                 title="Wolne Lektury">
          </a>
        </li>
        {% block menu %}
        {% endblock menu %}
      </ul>
    </nav>

    <div id="big-pane">
      {% block big-pane %}
        {% block main %}
          <article id="main-text">
            {% block main-text %}{% endblock %}
          </article>
        {% endblock main %}
      {% endblock big-pane %}

      <footer>
        {% block footer %}{% endblock %}
        <div id="box-underlay"></div>
        {# template #}
        <div id="ajaxable-window" class='dialog-window'>
          <div class="header"><a href="#" class="jqmClose">{% trans "Zamknij" %}</a></div>
          <div class="target">
            <p><img src="{% static "img/indicator.gif" %}" alt="*"/> {% trans "Ładowanie" %}</p>
          </div>
        </div>
      </footer>
    </div>

    <script src="{% static 'contrib/jquery-1.8.0.min.js' %}"></script>
    {% block js-dependencies %}{% endblock %}
    <script type="text/javascript">
      var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
      var STATIC_URL = "{{ STATIC_URL }}";
    </script>
    {% javascript "book_text" %}
      {% javascript "player" %}

    {% block extrabody %}{% endblock %}
    <script src="{% static "js/contrib/modernizr.custom.19652.js" %}"></script>
  </body>
</html>
