{% load i18n otree static %}
{# NOTE: keep this compact so that view-source is friendly for users #}
<!DOCTYPE html>
<html>
<head>
    <title>{% block head_title %}{% block title %}
    {% endblock %}{% endblock %}</title>
    <link rel="icon" href="{% static 'favicon.ico' %}">
    {% block internal_styles %}
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="{% static 'bootstrap4/css/bootstrap.min.css' %}">
        <link rel="stylesheet" href="{% static 'bootstrap4/css/bootstrap-reboot.min.css' %}">
        <link rel="stylesheet" href="{% static 'otree/css/theme.css' %}">
        {% comment %}
        this actually belongs in internal_scripts, but we are in the process
        of deprecating it, so some people's apps might still rely on jQuery being
        available within the content block.
        {% endcomment %}
        <script src="{% static 'otree/js/jquery-3.2.1.min.js' %}"></script>
    {% endblock %}
    {# these blocks are for public API #}
    {% block global_styles %}{% endblock %}
    {% block app_styles %}{% endblock %}
    {% block styles %}{% endblock %}
</head>
<body>
{% block body_main %}{% endblock %}

{% block internal_scripts %}
    <script src="{% static 'otree/js/reconnecting-websocket.js' %}" type="text/javascript"></script>
    {% block bootstrap_scripts %}
    <script src="{% static 'bootstrap4/js/bootstrap.bundle.min.js' %}"></script>
    {% endblock %}
    <script src="{% static 'otree/js/init_widgets.js' %}"></script>
{% endblock %}
{# these blocks are for public API #}
{% block global_scripts %}{% endblock %}
{% block app_scripts %}{% endblock %}
{% block scripts %}{% endblock %}
</body>
</html>
