MathJax demo

[vmcj]

Purely a PoC, only tested/demonstrated at the jury clarification pages. I assume it works for the team pages but that's only because of the shared code.

I didn't test for MathML yet, and the other options for the MathJax object. We would need a couple of example clarifications to test with and do some visual inspection on the result.

I think the fonts can also be version controlled, but GitHub doesn't have a release in the MathJax organization which seems to ship those.

[meisterT]

I assume it works for the team pages but that's only because of the shared code.

Weirdly enough not for the modal:

Also it takes a few seconds to render correctly.

I think the fonts can also be version controlled, but GitHub doesn't have a release in the MathJax organization which seems to ship those.

Yeah would be nice if would also come from packagist.

[meisterT]

I tested a lot of things with the help of Gemini, the cross product is the only thing that didn't work:

    $$\vec{a} \times \vec{b} = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ a_x & a_y & a_z \\ b_x & b_y & b_z \end{vmatrix}$$

Should look like this:

I also tested in a mathjax playground that this works in general. Not sure why it doesn't work here and whether it is important to fix.

[meisterT]

Or rather like this:

[vmcj]

I assume it works for the team pages but that's only because of the shared code.

Weirdly enough not for the modal:

I think I need to apply the MathJax code to the new element from the modal, I assume those elements don't exist in the DOM when MathJax is loaded. Similar to what we need for clarifications previews.

Also it takes a few seconds to render correctly.

I think that's because of the rendering being done on clientside. It might be possible to do this serverside if we use nodejs but I don't think MathJax has a PHP equivalent.

Yeah would be nice if would also come from packagist.

I'll keep on looking, but might be for a future PR if this works before the weekend.

[vmcj]

I tested a lot of things with the help of Gemini, the cross product is the only thing that didn't work:

    $$\vec{a} \times \vec{b} = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ a_x & a_y & a_z \\ b_x & b_y & b_z \end{vmatrix}$$

So when you add that part to the menu it does work so it's special to the clarifications. I would almost say we make a separate issue for it if the other issues are fixed.

[vmcj]

I tested a lot of things with the help of Gemini, the cross product is the only thing that didn't work:

    $$\vec{a} \times \vec{b} = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ a_x & a_y & a_z \\ b_x & b_y & b_z \end{vmatrix}$$

So when you add that part to the menu it does work so it's special to the clarifications. I would almost say we make a separate issue for it if the other issues are fixed.

I tested a lot of things with the help of Gemini, the cross product is the only thing that didn't work:

    $$\vec{a} \times \vec{b} = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ a_x & a_y & a_z \\ b_x & b_y & b_z \end{vmatrix}$$

So when you add that part to the menu it does work so it's special to the clarifications. I would almost say we make a separate issue for it if the other issues are fixed.

I found the problem, the \\ gets replaced by \ by the default markdown_to_html filter.

[vmcj]

The packages on packagist doesn't have the fonts so we need to store those locally. I now installed the 2 packages with npm. So we have 2 possible solutions:

• Use npm in the development scripts next to composer, the advantage is that we can version control those
• Check the needed files in and not burden ourselves with another package manager.

If it was only for those 2 npm packages I would vote for option 2, but we have some other JS libraries which we might want to also manage with npm.