https://haydenk.github.io/emend/tags/shortcodes/Recent content in Shortcodes on EmendHugoen-USSat, 08 Aug 2026 16:00:00 +0000https://haydenk.github.io/emend/guides/extending-the-theme/Sat, 08 Aug 2026 16:00:00 +0000https://haydenk.github.io/emend/guides/extending-the-theme/<a class="series-banner" href="https://example.org/series"> <img src="https://haydenk.github.io/emend/images/banner_hu_a5b1bb5e4d4049a6.webp" srcset="https://haydenk.github.io/emend/images/banner_hu_f7f38df51a1d51e8.webp 450w, https://haydenk.github.io/emend/images/banner_hu_a5b1bb5e4d4049a6.webp 600w" sizes="(min-width: 700px) 600px, calc(100vw - 3rem)" width="600" height="400" alt="Example series banner" decoding="async" fetchpriority="high"> </a> <p>Everything on this page beyond plain Markdown comes from the example site, not the theme: two shortcodes and two hook partials. It doubles as a test that such site code keeps working with the theme.</p> <h2 id="hooks">Hooks</h2> <p>A hook is a partial the theme calls if the site provides it.</p> <ul> <li><code>head-end</code> adds the flash card stylesheet, only on pages that use the cards</li> <li><code>single-after-content</code> adds the video below this text <ul> <li>it reads the <code>youtube</code> value from the front matter</li> <li>the player loads only after a click</li> </ul> </li> </ul> <h2 id="shortcodes">Shortcodes</h2> <h3 id="series-banner">Series banner</h3> <p>The banner above is a linked, responsive image built from a global asset.</p>