\n
\n {% load render_bundle from webpack_loader %}\n{% load view_breadcrumbs i18n static edulms groplay statici18n %}\n\n{% get_current_language as LANGUAGE %}\n\n<!DOCTYPE html>\n<html lang="{{ LANGUAGE }}">\n<head>\n <meta charset="UTF-8" />\n <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n <meta name="referrer" content="strict-origin-when-cross-origin" />\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <title>{% block title %}{% if page_title %}{{ page_title }} | {% endif %}Grow Planet LMS{% endblock title %}</title>\n <link rel="shortcut icon" href="{% static 'edulms/images/icons/favicon.ico' %}" />\n\n {% render_bundle webpack_bundle_name|default:"base" "css" %}\n\n {% block extrahead %}{% endblock extrahead %}\n {% block extrastyle %}{% endblock extrastyle %}\n</head>\n\n<body {% block body_attrs %}{% endblock body_attrs %}>\n <!-- Hack to counteract FOUC problem on Firefox: -->\n <!-- https://stackoverflow.com/questions/21147149/flash-of-unstyled-content-fouc-in-firefox-only-is-ff-slow-renderer -->\n <script>0</script>\n\n {% csrf_token %}\n\n {# Maybe we could use <body> itself as this flex container, but do this for now: #}\n <div class="bg-white shadow" id="page">\n {% include "includes/header.html" %}\n\n {# Flex-row for sidebar and content area: #}\n <div class="d-flex flex-row flex-grow-1">\n {% if sidebar %}\n <nav class="navbar d-none d-lg-block d-print-none{% if sidebar.hide %} hidden{% endif %}" id="sidebar">\n <div class="toggle-sidebar" data-url="{% url "toggle-sidebar" %}"\n title="{% if sidebar.hide %}{% translate "Show sidebar" %}{% else %}{% translate "Hide sidebar" %}{% endif %}">\n <i class="fa-solid toggle-sidebar-arrow"></i>\n <i class="fa-solid fa-bars toggle-sidebar-menu-icon"></i>\n </div>\n <div class="contents navbar-nav">\n {% include "includes/sidebar.html" %}\n </div>\n </nav>\n {% endif %}\n\n {# Flex-column for main contents and footer: #}\n <div class="d-flex flex-grow-1 flex-column w-100">\n <main{% if sidebar %} class="has-sidebar"{% endif %}>\n {% block content_container %}\n\n <div class="breadcrumbs-container sticky-content">\n {% block breadcrumbs %}{% render_breadcrumbs %}{% endblock breadcrumbs %}\n </div>\n\n <div id="notification-alert-container" class="d-print-none"></div>\n\n <div class="alerts d-print-none" id="alerts">\n {% message_alerts %}\n {% block alerts %}{% endblock alerts %}\n {% if user.is_authenticated and not user.email_verified %}\n <div class="alert alert-warning">\n <div class="alert-text">\n <p>\n {% blocktranslate trimmed %}\n You are now logged in to the Grow Planet LMS and may register your class and your pupils, who will then\n get a personal login code so they may use the game. But in order to get full access, please verify your\n email address by clicking the link we have mailed you.\n {% endblocktranslate %}\n </p>\n <p>\n {% blocktranslate with email=user.email trimmed %}\n Your verification email was sent to <strong>{{ email }}</strong>. If you haven't received it, please\n check your junk mail folder or wait a couple of minutes more. If this email address is incorrect, change\n it by clicking <a href="#" data-bs-toggle="modal" data-bs-target="#change-email-modal">here</a>.\n {% endblocktranslate %}\n </p>\n </div>\n </div>\n {% endif %}\n </div>\n\n {% if help_text and help_text_slug and not help_text_manual_placement %}\n <div class="help-text collapse-container alert alert-light collapsed" data-bs-target="#help-text-{{ help_text_slug }}" data-bs-toggle="collapse">\n <div class="bg-primary text-light lead alert-icon-left">\n <i class="fas fa-circle-question"></i>\n </div>\n <div class="help-text-content collapse alert-text" id="help-text-{{ help_text_slug }}">\n {{ help_text|render|safe }}\n </div>\n <div class="ellipsis">...</div>\n <i class="fas fa-angles-down lead text-info help-text-more"></i>\n </div>\n {% endif %}\n\n {% block before_content %}{% endblock before_content %}\n\n <div class="mt-3">\n {% block content %}{% endblock content %}\n </div>\n\n {% endblock content_container %}\n {% block after_content %}{% endblock after_content %}\n </main>\n\n {% include "includes/footer.html" %}\n </div>\n </div>\n </div>\n\n <div class="bottom-banner-container d-print-none">\n {% include "includes/cookie_consent.html" %}\n {% if show_app_download_banner %}\n <div class="app-download-banner">\n <a href="{{ app_download_url }}" class="app-download-link" data-os-family="{{ request.user_agent.os.family }}" target="_blank">\n <img src="{% static "edulms/images/logos/growplanet_logo_square.png" %}" alt="" />\n <div class="small">\n <p><strong>Grow Planet</strong></p>\n {% if request.user_agent.os.family|lower == "android" %}\n <p>{% translate "Download the app version for free on Google Play" %}</p>\n {% else %}\n <p>{% translate "Download the app version for free on App Store" %}</p>\n {% endif %}\n </div>\n </a>\n </div>\n {% endif %}\n </div>\n\n {% if show_recommend_poll %}\n {% include "includes/recommend_poll.html" %}\n {% endif %}\n\n {# ==== MODALS ========================================================== #}\n {% block modals %}{% endblock modals %}\n <div id="notification-modal-container"></div>\n {% message_popup_modal %}\n {% session_modals %}\n {% modal "modals/start_webgl.html" center=True urls=static_strings.EXTERNAL_URLS user_agent=request.user_agent %}\n {% modal "help/modals/contact_us.html" form=contact_us_form large=True %}\n\n {% if not is_production %}\n {% modal "modals/debug_menu.html" large=True %}\n {% endif %}\n\n {% if user.is_authenticated %}\n {% if is_production %}\n {% modal "modals/timeout_warning.html" center=True %}\n {% endif %}\n {% if not user.email_verified %}\n {% modal "users/modals/change_email.html" center=True form=email_change_form path_info=request.path_info %}\n {% endif %}\n {% dynamic_modal "area-lock-modal" center=True required_params="content-url" data_always_load=True %}\n {% dynamic_modal "exercise-room-lock-modal" center=True required_params="content-url" data_always_load=True %}\n {% dynamic_modal "tutorial-modal" url="help:tutorial" large=True scrollable=True classes="carousel-modal" data_priority="30" %}\n {% endif %}\n\n {# ==== JAVASCRIPT ====================================================== #}\n {% block extrajs_before %}{% endblock extrajs_before %}\n\n {% if show_skolon_button %}\n {% if is_production %}\n <script src="https://api.skolon.com/v1/plugins/menu/button.js"></script>\n {% else %}\n <script src="https://api-test.skolon.com/v1/plugins/menu/button.js"></script>\n {% endif %}\n {% endif %}\n\n <script src="{% statici18n LANGUAGE %}"></script>\n\n {{ js_runtime_context|json_script:"js-runtime-context" }}\n {% render_bundle webpack_bundle_name|default:"default" "js" %}\n\n {% block extrajs_after %}{% endblock extrajs_after %}\n\n {# ==== STUFF THAT JUST SHOULD BE PLACED LAST =========================== #}\n {% preloader id="preloader" position="fixed" large=True style="z-index:4" %}\n</body>\n\n</html>\n\n
\n