{% load i18n staticfiles misago_json %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE_SHORT }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{% spaceless %}{% block title %}{{ misago_settings.forum_name }}{% endblock %}{% endspaceless %}</title>
    <meta name="description" content="{% spaceless %}{% block meta-description %}{% endblock %}{% endspaceless %}">
    {% spaceless %}
      {% block meta-extra %}{% endblock meta-extra %}
    {% endspaceless %}
    <link href="{% static 'misago/css/misago.css' %}" rel="stylesheet">
    <link rel="apple-touch-icon" href="{% static 'apple-touch-icon.png' %}">
    <link rel="apple-touch-icon" sizes="57x57" href="{% static 'apple-touch-icon-57.png' %}">
    <link rel="apple-touch-icon" sizes="72x72" href="{% static 'apple-touch-icon-72.png' %}">
    <link rel="apple-touch-icon" sizes="76x76" href="{% static 'apple-touch-icon-76.png' %}">
    <link rel="apple-touch-icon" sizes="80x80" href="{% static 'apple-touch-icon-80.png' %}">
    <link rel="apple-touch-icon" sizes="114x114" href="{% static 'apple-touch-icon-114.png' %}">
    <link rel="apple-touch-icon" sizes="120x120" href="{% static 'apple-touch-icon-120.png' %}">
    <link rel="apple-touch-icon" sizes="144x144" href="{% static 'apple-touch-icon-144.png' %}">
    <link rel="apple-touch-icon" sizes="152x152" href="{% static 'apple-touch-icon-152.png' %}">
    <link rel="apple-touch-icon" sizes="167x167" href="{% static 'apple-touch-icon-167.png' %}">
    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'apple-touch-icon-180.png' %}">
    <link rel="shortcut icon" href="{% static 'favicon.ico' %}">
    <link rel="icon" sizes="16x16 32x32" href="{% static 'favicon.ico' %}">
    <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","url":"{{ SITE_ADDRESS }}"}</script>
  </head>
  <body>

    <div id="auth-message-mount"></div>
    <div id="snackbar-mount"></div>

    {% include "misago/jumbotron.html" %}
    {% include "misago/navbar.html" %}

    <div id="page-mount">
      {% block content %}{% endblock content %}
    </div>

    {% include "misago/posting.html" %}
    {% include "misago/footer.html" %}
    {% include "misago/auth.html" %}

    <div class="modal fade" id="modal-mount" tabindex="-1" role="dialog" aria-labelledby="misago-modal-label"></div>

    <script src="{% url 'django-i18n' %}"></script>
    <script type="text/javascript">
      if (!(Object.assign && Array.from)) {
        var polyfill = document.createElement('script');
        polyfill.src = '{% static "misago/js/es2015.js" %}';
        document.getElementsByTagName('head')[0].appendChild(polyfill);
      }
    </script>
    <script src="{% static 'misago/js/vendor.js' %}"></script>
    {% if LANGUAGE_CODE != "en-us" and MOMENTJS_LOCALE_URL %}
    <script src="{% static MOMENTJS_LOCALE_URL %}"></script>
    {% endif %}
    <script src="{% static 'misago/js/misago.js' %}"></script>
    {% include "misago/scripts.html" %}
    <script type="text/javascript">
      misago.init({{ frontend_context|as_json }});
    </script>

  </body>
</html>
