My Notebox Shortcode

Notebox - A simple way to add note boxes

Note boxes are fine way to bring some color into your text. To make things a bit easier I tried the martignoni/hugo-notice shortcode.

That shortcode is very nice but the i18n format did not match my site well. My site isn’t really multilingual, but I may have an other language page mixed in.

So I fiddled together a similar looking hugo notebox. My site uses TailwindCSS, which I used for the boxes.

With the shortcode in place I just write:

{{< notebox info >}}
Now I can add an info box easily!
{{< /notebox >}} 

And the output is:

But it goes on. With tip.de I can change the head to German. This is not automatic though, it works because it’s setup that way in the shortcode. I can easily add more languages if I want to.

{{< notebox tip.de >}}
Tip is Tipp in German, maybe not the most complex example. 
{{< /notebox >}}