hugo-theme-cistercian is a utility theme for displaying Cistercian numerals. See the code on GitHub.

It’s not designed to be your site’s main theme, it only concerns itself with displaying the numerals, and doesn’t affect the rest of your styles.

How it looks

In all examples, I use a div with lightblue background to show what the Hugo partial prints to the page.

You can show annotatable numerals, with the decimal values visible above the Cistercian numerals:

<div style="background: lightblue; padding: 1em;">
{{< cistercian/cistercianContainer num="1985" annotatable=true >}}
</div>

You can control annotations with an included button. This button works on this page and will toggle the annotations on/off!

<div style="background: lightblue; padding: 1em;">
{{< cistercian/cistercianToggleAnnotationsControl >}}
</div>

You can also display unannotatable numerals that never show annotations no matter the state of the button toggle:

<div style="background: lightblue; padding: 1em;">
{{< cistercian/cistercianContainer num="1985" annotatable=false >}}
</div>

And there is special support for supporting YYYY MMDD HHMM datetimestamps (with or without annotatable=):

<div style="background: lightblue; padding: 1em;">
{{< cistercian/cistercianDate date="2021-10-29T11:39:00" >}}
</div>

Test cases

To make sure that everything renders properly, this page includes some test cases.