templates/Core/base_ultra_lite.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="da">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. {{- include("Core/favicons.html.twig", { dir: __PUBLISHER__ == "systime" ? "abacus" : scope }) -}}
  9. {%- set brand = 'brand'|trans -%}
  10. {% set bodyStyle = '' %}
  11. {% set gamify = false %}
  13. {% if __USE_GAMIFICATION__ %}
  15. {% set studentClassLevel = null %}
  16. {% if classLevel is defined and classLevel is not null %}
  17. {% set studentClassLevel = classLevel %}
  18. {% endif %}
  19. {% if studentClassLevel is empty and student is defined and student is not null %}
  20. {% set studentClassLevel = student.classLevel %}
  21. {% endif %}
  22. {% set bodyStyle = 'visibility:hidden' %}
  23. {% set gamify = true %}
  24. {% endif %}
  26. {% set bodyClass = '' %}
  27. {%- if gamify and studentClassLevel is not null -%}
  28. {%- set bodyClass = 'gamify' -%}
  29. {%- if studentClassLevel <= 3 -%}
  30. {%- set bodyClass = bodyClass ~ ' indskoling' -%}
  31. {%- elseif studentClassLevel > 3 and studentClassLevel <= 6 -%}
  32. {%- set bodyClass = bodyClass ~ ' mellemtrin gamify--light' -%}
  33. {%- elseif studentClassLevel > 6 -%}
  34. {%- set bodyClass = bodyClass ~ ' udskoling gamify--light' -%}
  35. {%- endif -%}
  36. {% endif %}
  38. <title>{{ brand }}</title>
  39. {# Material Design Lite #}
  40. <link rel="stylesheet" href="/assets/css/core/materialicons/materialicons.css">
  41. <link rel="stylesheet" href="/assets/css/core/material.indigo-pink_1_3_0.min.css">
  42. <link href="/assets/css/core/roboto/roboto_100_300_400_500.css" rel="stylesheet">
  43. <link href="/assets/css/core/figtree/figtree.css" rel="stylesheet">
  44. {%- if gamify -%}
  45. <link href="/assets/css/core/figtree/figtree.css" rel="stylesheet">
  46. <link rel="stylesheet" href="https://use.typekit.net/jtf4zwy.css">
  47. {%- endif -%}
  48. {% block stylesheets -%}
  52. {%- endblock -%}
  54. {#- MathJax config -#}
  55. <script type="text/x-mathjax-config">
  56. MathJax.Hub.Config({
  57. skipStartupTypeset: true,
  58. tex2jax: {
  59. inlineMath: [ ['$','$'], ['\\(','\\)'] ],
  60. processEscapes: true,
  61. preview: "none"
  62. },
  63. showMathMenu: false,
  64. showMathMenuMSIE: false,
  65. menuSettings: {
  66. inTabOrder: false
  67. },
  68. messageStyle: "none",
  69. TeX: {
  70. extensions: ["cancel.js", "color.js", "mhchem.js"]
  71. },
  72. "HTML-CSS" : {
  73. availableFonts : [],
  74. preferredFont : null,
  75. webFont : "STIX-Web",
  76. imageFont : null,
  77. scale: 92
  78. }
  79. });
  80. </script>
  82. {%- block mathjax -%}
  83. {%- if __USE_MATHJAX__ -%}
  84. <script src="{{ asset('build/load_math_jax.js') }}"></script>
  85. {%- endif -%}
  86. {%- endblock -%}
  88. {{- include("Core/hotjar.html.twig") -}}
  89. </head>
  90. <body class="{{ bodyClass }} {{ scope }}" style="{{ bodyStyle }}" data-event-logger-route="{{ path('log_event') }}">
  92. {% block header %}{% endblock %}
  93. {% block dialogs %}{% endblock %}
  94. {% block navigation %}{% endblock %}
  95. <main class="{{ bodyClass }}">
  96. {% block content %}{% endblock %}
  97. {% block snackbar %}{% endblock %}
  98. </main>
  99. <script> window.system_topic = "{{ system_topic }}" </script>
  100. {% block javascripts %}{% endblock %}
  101. <script>
  102. // Helper function
  103. let domReady = (cb) => {
  104. document.readyState === 'interactive' || document.readyState === 'complete'
  105. ? cb()
  106. : document.addEventListener('DOMContentLoaded', cb);
  107. };
  108. domReady(() => {
  110. // Display body when DOM is loaded. Prevents flash of non-gamified content
  111. document.body.style.visibility = 'visible';
  112. });
  113. </script>
  115. </body>
  116. </html>