hugo-theme-cistercian

hugo-theme-cistercian

I wanted to use Cistercian numerals in another project (at the original publish date for this post, this project was unpublished). Since that project uses Hugo, I wrote a utility Hugo theme for displaying Cistercian numerals.

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 annotated numerals:

<div style="background: lightblue; padding: 2em;">
{{< cistercianAnnotated "420" >}}
</div>
􀀂􀀘􀀍 ( 420 )

Or unannotated ones:

<div style="background: lightblue; padding: 2em;">
{{< cistercianUnannotated "420" >}}
</div>
􀀂􀀘􀀍

And there is special support for supporting (annotated) YYYY MMDD HHMM datetimestamps:

<div style="background: lightblue; padding: 2em;">
{{< cistercianDate "2021-10-29T11:39:00" >}}
</div>
􀀂􀀟􀀍􀀃 ( 2021 ) 􀀂􀀞􀀍􀀋 ( 10-29 ) 􀀂􀀞􀀕􀀎􀀋 ( 11:39 )

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

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