site/_includes/layouts/sneexy/intro.njk
Ruben 91b4f648ad
All checks were successful
/ build (push) Successful in 34s
add nsfw toggle to site, some cleanup
2025-07-14 18:48:05 -05:00

51 lines
No EOL
4.1 KiB
Text

<!-- simple introduction -->
<article id="sneexy" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--user"></span>
</div>
<a href="#sneexy">Sneexy info</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<section class="_is-nsfw _always-show info-box warn" style="text-align:start !important;margin-bottom:1rem;">
<p><span class="icon tabler--alert-triangle"></span> <b>Hey, you've enabled viewing NSFW stuff for my page. That's cool.</b> Just note a few things, now that you've enabled that, you'll see my horny side. There are now mentions of <small>(more extreme cases of)</small> <b>Fat/related, inflation/related and vore</b> on this page, and some other related actions in the form of text, such as belching. If you do not wish to continue, just disable NSFW content for this page and you'll be good. By continuing to read beyond this point, you consent.</p>
<p>...although for all enabling it does, mainly just adds a new section to the <a href="#about-me">about me</a> section and adds a few silly strings of extra text here and there.</p>
<p>If you're going to complain about me being "weird" or whatever, you have read all of the warnings and continued anyways instead of backing out. I'll make fun of you.</p>
</section>
<img id="logo" loading="lazy" src="/assets/sneexy/sneexy.webp" alt="Sneexy" /> <br>
<p class="_is-nsfw _always-show"><i>Stupidily gay fatfuck edition,</i></p>
<audio controls loop src="/assets/sneexy/ASimpleMachine.mp3"></audio> <br>
<small>Theme song by <a href="https://yeen.town/@ChalkLlate">ChalkLlate</a>!</small>
<h1><a href="./ruben"><img loading="lazy" id="pfp" src="/assets/sneexy/synth tpose spin.gif" alt="3D Low poly model of my synth character. He's a pretty chubby synth with a belly and chest made entirely out of goo, his frame is mostly made with shades of grey with lime/pastel green accents."></a> Hey, I'm <span class="rainbow">Ruben!</span></h1>
<small>Cheesed to meet ya.</small>
<p style="margin-bottom: -2px;">Big fat gooey synth who is constantly tired.</p>
<small style="font-size: 0.575rem;">...or <i>eepy</i>, but definitely more tired.</small>
<div class="selfinfo">
<div style="grid-area: pronouns;">
<p>Pronouns</p>
<ul>
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> He/Him</li>
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> It/Its</li>
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> They/Them</li>
<li style="color: var(--red);"><small><span class="icon tabler--thumb-down" alt="Unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> Anything else</small></li>
</ul>
</div>
<div style="grid-area: names;">
<p>Names</p>
<ul>
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> Ruben</li>
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> Sneexy, Sneex*</li>
<li style="color: var(--yellow);"><small><span class="icon tabler--user-heart" alt="Only if we're close friends!" style="transform: scale(.9) translateY(.2rem);"></span> Rube, Rubie (Ruby)</small></li>
<li style="color: var(--red);"><small><span class="icon tabler--thumb-down" alt="Unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> Variations/Anything else</small></li>
</ul>
</div>
</div>
</section>
</article>