An experiment in web programming and a really long title

Math is rendered statically via KaTeX, so it works even if Javascript is disabled in the browser. Both inline maths, $2^{\aleph_\alpha} = \aleph_{\alpha+1}$, as well as display math work: $$\begin{aligned}\int_{-\infty}^{\pi^\pi} \ell x! \, dx &= \sum_{i\in \mathbb{N}} \exp\{\log i\}\\&=\pi\,.\end{aligned}$$(ayy)

$$\sum1 < 2$$(1) $$1 < 2$$(2)

As visible above, footnotes are styled differently by having them in the right margin. On mobile phone screens it is possible to swipe to the right. In general auxillary information can be stored there.

It’s also possible to have full figures in the margin, as well as captions thereof. By default, the caption of a figure will be shown in the margin as well.

As seen, this works reasonably well. Of course the figure is not the prettiest, but the contents here are secondary.

A figure in the margin works as well, just like a figure that stretches to the full width of both the article and margin. The drawback for that method, however, is that I haven’t yet found a good way to place a caption for it.

The floating capabilities are limited, but it does prevent overlap between elements in the margin.

So far the styling available is quite minimal but hopefully will expand in the future. Things I want to have are:

• proper citation, Böhm et al., 2021
• cross referencing, so that I can reference Equation (ayy)? But can I also talk about Equation (1)?
• code blocks works now with the help of pygments