<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{- include("@ABaCusCore/favicons.html.twig", { dir: __PUBLISHER__ == "systime" ? "abacus" : scope }) -}}
{%- set brand = 'brand'|trans -%}
{% set bodyStyle = '' %}
{% set gamify = false %}
{% if __USE_GAMIFICATION__ %}
{% set studentClassLevel = null %}
{% if classLevel is defined and classLevel is not null %}
{% set studentClassLevel = classLevel %}
{% endif %}
{% if studentClassLevel is empty and student is defined and student is not null %}
{% set studentClassLevel = student.classLevel %}
{% endif %}
{% set bodyStyle = 'visibility:hidden' %}
{% set gamify = studentClassLevel <= 6 %}
{% endif %}
{% set bodyClass = '' %}
{%- if gamify and studentClassLevel is not null -%}
{%- set levelThreshold = levelThreshold | default(3) -%}
{%- set bodyClass = studentClassLevel in 0..levelThreshold ? 'gamify indskoling' : 'gamify gamify--light mellemtrin' -%}
{% endif %}
<title>{{ brand }}</title>
{# Material Design Lite #}
<link rel="stylesheet" href="/bundles/abacuscore/css/materialicons/materialicons.css">
<link rel="stylesheet" href="/bundles/abacuscore/css/material.indigo-pink_1_3_0.min.css">
<link href="/bundles/abacuscore/css/roboto/roboto_100_300_400_500.css" rel="stylesheet">
<link href="/bundles/abacuscore/css/figtree/figtree.css" rel="stylesheet">
{%- if gamify -%}
<link href="/bundles/abacuscore/css/figtree/figtree.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/jtf4zwy.css">
{%- endif -%}
{% block stylesheets -%}
{%- endblock -%}
{#- MathJax config -#}
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
skipStartupTypeset: true,
tex2jax: {
inlineMath: [ ['$','$'], ['\\(','\\)'] ],
processEscapes: true,
preview: "none"
},
showMathMenu: false,
showMathMenuMSIE: false,
menuSettings: {
inTabOrder: false
},
messageStyle: "none",
TeX: {
extensions: ["cancel.js", "color.js", "mhchem.js"]
},
"HTML-CSS" : {
availableFonts : [],
preferredFont : null,
webFont : "STIX-Web",
imageFont : null,
scale: 92
}
});
</script>
{%- block mathjax -%}
{%- if __USE_MATHJAX__ -%}
<script src="{{ asset('build/load_math_jax.js') }}"></script>
{%- endif -%}
{%- endblock -%}
{{- include("@ABaCusCore/hotjar.html.twig") -}}
</head>
<body class="{{ bodyClass }} {{ scope }}" style="{{ bodyStyle }}" data-event-logger-route="{{ path('log_event') }}">
{% block header %}{% endblock %}
{% block dialogs %}{% endblock %}
{% block navigation %}{% endblock %}
<main class="{{ bodyClass }}">
{% block content %}{% endblock %}
{% block snackbar %}{% endblock %}
</main>
<script> window.system_topic = "{{ system_topic }}" </script>
{%- if app.environment == "production" -%}
<script> window.sentry_dsn = "{{ sentry_js_dsn }}"; </script>
<script src="{{ asset('build/sentry_init.js') }}"></script>
{%- endif -%}
{% block javascripts %}{% endblock %}
<script>
// Helper function
let domReady = (cb) => {
document.readyState === 'interactive' || document.readyState === 'complete'
? cb()
: document.addEventListener('DOMContentLoaded', cb);
};
domReady(() => {
// Display body when DOM is loaded. Prevents flash of non-gamified content
document.body.style.visibility = 'visible';
});
</script>
</body>
</html>