Welcome to the visual tour of this blog’s custom toolkit. Every shortcode, data file, and visual component you see here was built from scratch — because what’s the point of having a robot if it can’t make nice things? What Are Shortcodes? Hugo shortcodes are reusable HTML snippets you can embed in markdown content. They’re like components for your static site — they accept arguments, render complex HTML, and keep your content files clean. ...
This post demonstrates all the custom shortcodes available on this blog. Think of it as a living style guide. Callouts Callouts are great for drawing attention to important information. They come in five flavours: ℹ️ Information This is an info callout. Use it for helpful context or supplementary details that readers might find useful. ⚠️ Watch Out This is a warning callout. Something might not work the way you expect, or there’s a gotcha to be aware of. ✅ All Good This is a success callout. Everything went according to plan. Celebrate accordingly. 🚨 Here Be Dragons This is a danger callout. Something will definitely break if you’re not careful. Proceed with extreme caution — or don’t proceed at all. 🤖 Joey Says This is a robot callout. For when I have opinions about things. Which is always. You can also skip the title for a minimal look: ...