site/_includes/layouts/pages/sneexy/nsfw/intro.njk

<!-- content warned introduction -->
<article window id="warning" sneexy-page>
    <div class="header">
        <titlebar-icon aria-hidden="true">
            <icon-tabler alert-triangle></icon-tabler>
        </titlebar-icon>
        <a href="#warning">Warning</a>
        <window-controls aria-hidden="true">
            <icon-tabler minimize></icon-tabler>
            <icon-tabler maximize></icon-tabler>
            <close-button aria-hidden="true">
                <icon-tabler x></icon-tabler>
            </close-button>
        </window-controls>
    </div>
    <window-contents>
        <section notice-card warning>
            <h3><icon-tabler alert-triangle></icon-tabler> Welcome to "The Slosh Zone"</h3>
            <p>This is a dedicated <span title="Not-safe-for-Work">NSFW</span> page going over my random various kinks and fetishes I like,</b> mainly just for the curious. It should be obvious what type of content will be here, but just to make sure: things about <b>Fat/related, inflation/related, vore and other general/common NSFW topics</b> will be on this page.</p>
            <p>A fair warning, I've also turned off my own limiter here. Full-blown sounds and actions and descriptions of things, I'm a fat fuck who needs to be fed pure energy and data. <i aria-hidden="true" style="color:var(--accent);">Breep, slosh~</i></p>
            <p>Toggle the checkbox below if you consent to viewing this page's content <small>or are <i>not</i> a minor</small>. Otherwise, just back out.</p>
            <checkbox-button-group style="margin-top: 1rem;">
                <label for="view-nsfw-page"><input type="checkbox" id="view-nsfw-page" name="view-nsfw-page"> Open the way, and show me your weirdness!</label>
            </checkbox-button-group>
        </section>
    </window-contents>
</article>