In my opinion, this is the coolest feature of the theme. Other Hugo themes
usually include a pre-configured version of Prism, which complicates updates and
The shortcode looks for media files matching the filename my-video*. For each
video MIME type file, a <source> element is added. The first image MIME
type file is used as poster (thumbnail). It will render the following HTML:
Inside the assets/css two folders exist, critical and non-critical.
Files inside critical are concatenated during build time and inlined into the
<head> element. The styles target mostly above the fold content.
Try to keep inline CSS to a minimum because it can’t be cached and will be
inlined into every single page. Files inside non-critical are concatenated
into a single file and included as <style>. Most of the styles are in there.
Files are concatenated in lexicographic order of their file names. File
names start with two digits and a hyphen: NN-. The order of files might differ
between Linux and Windows, so using this convention improves cross-platform
compatibility. You might know this approach if you’re familiar with Xorg.
You can add new CSS files to the PostCSS pipeline like this: