DOMjudge · nickygerritsen · Dec 1, 2025
diff --git a/webapp/templates/base.html.twig b/webapp/templates/base.html.twig
@@ -13,7 +13,6 @@
     <script src="{{ asset("js/jquery.min.js") }}"></script>
     <script src="{{ asset("js/jquery.debounce.min.js") }}"></script>
     <script src="{{ asset("js/bootstrap.bundle.min.js") }}"></script>
-    {% include 'partials/mathjaxhead.html.twig' %}
 
     <script src="{{ asset("js/domjudge.js") }}"></script>
     {% for file in customAssetFiles('js') %}

diff --git a/webapp/templates/jury/clarification.html.twig b/webapp/templates/jury/clarification.html.twig
@@ -1,4 +1,5 @@
 {% extends "jury/base.html.twig" %}
+{% import 'macros.html.twig' as base_macros %}
 
 {% set origclar = list | first %}
 {% set claimed = not origclar.answered and origclar.from_jurymember is defined %}
@@ -7,6 +8,7 @@
 
 {% block extrahead %}
     {{ parent() }}
+    {{ base_macros.mathjax_head() }}
 {% endblock %}
 
 {% block content %}

diff --git a/webapp/templates/jury/clarification_new.html.twig b/webapp/templates/jury/clarification_new.html.twig
@@ -1,9 +1,11 @@
 {% extends "jury/base.html.twig" %}
+{% import 'macros.html.twig' as base_macros %}
 
 {% block title %}Send clarification - {{ parent() }}{% endblock %}
 
 {% block extrahead %}
     {{ parent() }}
+    {{ base_macros.mathjax_head() }}
 {% endblock %}
 
 {% block content %}

diff --git a/webapp/templates/jury/clarifications.html.twig b/webapp/templates/jury/clarifications.html.twig
@@ -1,11 +1,13 @@
 {% extends "jury/base.html.twig" %}
 {% import "jury/jury_macros.twig" as macros %}
+{% import 'macros.html.twig' as base_macros %}
 
 {% block title %}Clarifications - {{ parent() }}{% endblock %}
 
 {% block extrahead %}
     {{ parent() }}
     {{ macros.table_extrahead() }}
+    {{ base_macros.mathjax_head() }}
     <style>
         .data-table td a, .data-table td a:hover {
             display: inline;

diff --git a/webapp/templates/jury/export/layout.html.twig b/webapp/templates/jury/export/layout.html.twig
@@ -1,3 +1,4 @@
+{% import 'macros.html.twig' as macros %}
 <!DOCTYPE html>
 <html lang="en" xml:lang="en">
 <head>
@@ -108,7 +109,7 @@
             color: darkgrey;
         }
     </style>
-    {% include 'partials/mathjaxhead.html.twig' %}
+    {{ macros.mathjax_head() }}
 </head>
 <body>
 <main role="main" class="">

diff --git a/webapp/templates/macros.html.twig b/webapp/templates/macros.html.twig
@@ -0,0 +1,25 @@
+{% macro mathjax_head() %}
+    <script>
+        window.MathJax = {
+            tex: {
+                inlineMath: [['$', '$']]
+            },
+            chtml: {
+                fontURL: '{{ app.request.basePath }}/mathjaxfonts',
+                scale: 1.0
+            },
+            loader: {
+                paths: {
+                    mathjax: '{{ app.request.basePath }}/mathjax',
+                    '@mathjax': '{{ app.request.basePath }}/mathjax'
+                },
+                // Optional: reinforce that @mathjax modules resolve under the same base
+                source: {
+                    '@mathjax': '[mathjax]'
+                },
+                load: ['input/tex', 'output/chtml']
+            }
+        };
+    </script>
+    <script src="{{ app.request.basePath }}/mathjax/tex-chtml.js"></script>
+{% endmacro %}
diff --git a/webapp/templates/partials/mathjaxhead.html.twig b/webapp/templates/partials/mathjaxhead.html.twig
diff --git a/webapp/templates/team/clarification.html.twig b/webapp/templates/team/clarification.html.twig
@@ -1,7 +1,13 @@
 {% extends 'team/base.html.twig' %}
+{% import 'macros.html.twig' as macros %}
 
 {% block title %}View clarification - {{ parent() }}{% endblock %}
 
+{% block extrahead %}
+    {{ parent() }}
+    {{ macros.mathjax_head() }}
+{% endblock %}
+
 {% block content %}
     <h1 class="text-center mt-4">Clarification
     {% if clarification.sender and clarification.sender.teamid == team.teamid %}Request{% endif%}</h1>

diff --git a/webapp/templates/team/clarification_add.html.twig b/webapp/templates/team/clarification_add.html.twig
@@ -1,7 +1,13 @@
 {% extends 'team/base.html.twig' %}
+{% import 'macros.html.twig' as macros %}
 
 {% block title %}Send clarification request - {{ parent() }}{% endblock %}
 
+{% block extrahead %}
+    {{ parent() }}
+    {{ macros.mathjax_head() }}
+{% endblock %}
+
 {% block content %}
     <div class="mt-3 container">
         <div class="card card-body clarificationform">

diff --git a/webapp/templates/team/clarifications_by_problem.html.twig b/webapp/templates/team/clarifications_by_problem.html.twig
@@ -1,7 +1,13 @@
 {% extends 'team/base.html.twig' %}
+{% import 'macros.html.twig' as macros %}
 
 {% block title %}View clarifications for problem {{ problem.name }}{% endblock %}
 
+{% block extrahead %}
+    {{ parent() }}
+    {{ macros.mathjax_head() }}
+{% endblock %}
+
 {% block extrahead %}
     {{ parent() }}
     <style>

diff --git a/webapp/templates/team/index.html.twig b/webapp/templates/team/index.html.twig
@@ -1,9 +1,11 @@
 {% extends 'team/base.html.twig' %}
+{% import 'macros.html.twig' as macros %}
 
 {% block title %}{{ team.effectiveName }} - {{ parent() }}{% endblock %}
 
 {% block extrahead %}
     {{ parent() }}
+    {{ macros.mathjax_head() }}
     <style>
         .data-table td a, .data-table td a:hover {
             display: block;