Free Online Math Resources
Random Mathematicians
MathJax
MathJax is a great tool but I did have one issue which required javascript to workaround. The problem is with the layout of subscripts. When layed out normally, subscripts end up with different base lines depending on the presence of descenders, superscripts etc. I assume the reason for this is that TeX/LateX layout is designed for the printed page rather than a large display screen. On the screen subscripts look better if they all have the same baseline.
Katex
Katex is another great javascript library for rendering TeX in a browser. I have added experimental support for the Katex renderer. It is a faster renderer with better support for flowing math text. That feature enables better layout on narrow screens, in particular mobile phones.
Javascript Encapsulation
Javascript code is encapsulated using classes rather than modules.
The reason is that to properly view the pages containing modules in a browser
you need to use a webserver
rather than simply use file://
as the URL.
And that is very inconvenient.
Static Web Hosting
For simplicity and low cost this web site is hosted as a static web site. All layout and rendering is performed in javascript on the client device. This means a small delay of say a second between when the content is downloaded and when it is ready for display.
Browser Support
These web pages are designed to look good on a large screen. They render nicely on Chrome, FireFox, Edge and Safari v15.0 on laptops and desktops. Mobile phone rendering is not perfect, but is being improved. MathML support is usable in FireFox, but not in the others.
Easter Eggs