Notion-style callouts for your hugo site!
Simply invoke the following shortcode in your .md
Hugo content files to use these beautiful callouts:
{{< callout emoji="💯" text="This is the text that will show up in the callout. It can be as long as you like, but only one paragraph." >}}
To install: simply download the callout.html
file from this repo, it's also in the releases
section. Place this file in your themes/[THEME-NAME]/layouts/shortcodes
or layouts/shortcodes
folder.
The style code is included in that same file for convenience, but you can move it to your own .css
file and modify as you wish 👍🏻