It's also designed to test/showcase some of the CCSTAL template features. When I'm sharing code examples or techniques, its helpful to be able to stand up a page quickly. Using the CCSTAL template approach means all of the branding and much of the template are applied client-side. It also provides a way to use the same chunk to both show a code example involving HTML, CSS, JavaScript which are run and rendered by the same code snippet.
If you are the type of person that enjoys looking at the machinery behind-the-curtain, this is that... (pay no attention)
Considering adding some pictures for reference (this is what happens when I listen to nostaglic music when working on web dev projects)...
...the man behind-the-curtain from the Wizard of Oz (?)...
...Polonius behind the tapestry in Hamlet (?)...
...The Architect behind the doors in the Matrix (?)...
...The Foot behind the clouds in Monty Python (?)...
...Fiver hiding in the warren at Watership Down.
This page uses two examples where script wants to be run and also displayed as code to be displayed to the reader. One example is in an aside tag (above), and the other in a code tag (below).