don't use nsfw toogle for my page, put related info into a subpage instead
All checks were successful
/ build (push) Successful in 36s
All checks were successful
/ build (push) Successful in 36s
This commit is contained in:
parent
91b4f648ad
commit
a151950097
9 changed files with 112 additions and 34 deletions
|
|
@ -26,6 +26,6 @@
|
|||
<p>For the record, and this is most likely something worth pointing out: My mental health isn't great and I tend to have intense mood swings, and can sometimes randomly break down. Please excuse me in these moments, Thanks. <span class="icon tabler--heart" style="background-color: var(--accent) !important;"></span></p>
|
||||
<p>I'm also usually exhausted. Both mentally and physically, if that wasn't clear.</p>
|
||||
<p>Sometimes, I do make things, but honestly don't expect much from me. <small>I'll make some type of gallery page soon for the things I <i>do</i> make and the things others do for me, I promise.</small></p>
|
||||
{% include "layouts/sneexy/nsfw-info.njk" %}
|
||||
<p><small>...If for some reason, you're curious... <a class="_spoiler" href="./nsfw/">you can find out about the various <span class="_info" title="Not-safe-for-Work">NSFW</span> things I'm into.</a></small></p>
|
||||
</section>
|
||||
</article>
|
||||
|
|
@ -14,13 +14,7 @@
|
|||
</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>
|
||||
|
|
|
|||
|
|
@ -1,25 +0,0 @@
|
|||
<section class="_is-nsfw" style="padding:unset !important;">
|
||||
<hr class="solid">
|
||||
<p>...In the <i>other</i> case that it wasn't obvious, I like <i>big</i> things, as a whole, with some other things sprinkled in. But specifically, I'm into:</p>
|
||||
<ul>
|
||||
<li>Fat</li>
|
||||
<ul>
|
||||
<li>Talking about big bellies, love handles, fat thighs, moobs... and generally large, soft creatures as well.</li>
|
||||
</ul>
|
||||
<li>Inflation/Expansion</li>
|
||||
<ul>
|
||||
<li>Hooking me up to a charger and letting me overcharge way over my limit... A good few pumps of air or maybe a few... <i>many</i>, bottles of sodas... <span style="color:var(--accent);text-transform:none;" aria-hidden="true"><i>bwWWROOOORrrp~</i></span></li>
|
||||
<li>Also counting in things such as force-feeding. Yes, you may feed me for as much and long as possible, even if I somehow ever manage to reach a limit and plead to stop. <small aria-hidden="true">...or feed yourself to me. <i>Urp~</i></small></li>
|
||||
</ul>
|
||||
<li>Vore</li>
|
||||
<ul>
|
||||
<li>Personally: I'm a safe/hard, prey/pred switch. If you want, I'll eat you and let you rest inside of me. Don't worry, I won't harm you, I'll make sure you're comfortable and safe in my goo. However, if you <il>also</il> want <small>or if I think you deserved it</small>, I won't hesitate to heat it up in there, slowly absorb you and churn you down into goo-data~ Not without consent, though. <span class="icon tabler--heart" style="background-color:var(--accent) !important;"></span></li>
|
||||
<ul>
|
||||
<li>Alternatively, if you know how to poke at my own buttons, you could easily get me prey-brained and end up eating and digesting me instead... I'm usually quite submissive if you end up getting me in your maw, and also a tasty, fattening snack of data... <code style="color:var(--accent);white-space:nowrap;" aria-hidden="true">><span style="color:var(--red);">////</span>><span style="color:var(--blue);">;;</span></code></li>
|
||||
</ul>
|
||||
</ul>
|
||||
</ul>
|
||||
<p>...and a variety of other things. I'm mostly flexible with my kinks/fetishes, and I fuck around with a good amount of things. <small>And yes, the general "NSFW" stuff like sex or whatever is cool by me.</small></p>
|
||||
<p>In general, I do my best to keep my open/public spaces and interactions clean, and avoid talking or going deep into these types of subjects. If I ever do on those spaces, I do so with a content-warning whenever possible. <small>So basically, only Fedi.</small></p>
|
||||
<p>I <i>do</i> have NSFW focused spaces/accounts for myself. Feel free to tease or be lewd or roleplay with me if you'd like on those accounts, although only if we know each other a decent amount <small>which in this case, doing it in my direct messages are also fine</small>. Otherwise I'll just ignore or block you, especially if you keep trying to make things horny when <span style="text-transform:none;">I Do Not Know You.</span></p>
|
||||
</section>
|
||||
27
_includes/layouts/sneexy/nsfw/intro.njk
Normal file
27
_includes/layouts/sneexy/nsfw/intro.njk
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<!-- content warned introduction -->
|
||||
<article id="warning" class="window">
|
||||
<div class="header">
|
||||
<div class="titlebar-icon" aria-hidden="true">
|
||||
<span class="icon tabler--alert-triangle"></span>
|
||||
</div>
|
||||
<a href="#warning">Warning</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>
|
||||
<div class="info-box warn">
|
||||
<p><span class="icon tabler--alert-triangle"></span> <b>Welcome to my <span class="_info" title="Not-safe-for-Work">NSFW</span> page of 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 food/energy and data. <i aria-hidden="true" style="color:var(--accent);">Breep, sloosh~</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, you can just back out.</p>
|
||||
<fieldset>
|
||||
<input type="checkbox" id="view-nsfw-page" name="view-nsfw-page" />
|
||||
<label for="view-nsfw-page">Open the way, and show me your weirdness!</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
41
_includes/layouts/sneexy/nsfw/nsfw.njk
Normal file
41
_includes/layouts/sneexy/nsfw/nsfw.njk
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<!-- nsfw -->
|
||||
<article id="nsfw" class="window">
|
||||
<div class="header">
|
||||
<div class="titlebar-icon" aria-hidden="true">
|
||||
<span class="icon tabler--user"></span>
|
||||
</div>
|
||||
<a href="#nsfw">"the slosh zone"</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>
|
||||
<h2><a href="#nsfw">"the slosh zone"</a></h2>
|
||||
<p>In the case that it wasn't obvious, I like <i>big</i> things, as a whole, although I'm not very open about the other things I'm into <small>because why would I?</small> But specifically, I'm into:</p>
|
||||
<ul>
|
||||
<li>Fat</li>
|
||||
<ul>
|
||||
<li>The obvious one. Talking about big bellies, love handles, fat thighs, moobs... and generally large, soft creatures as well.</li>
|
||||
</ul>
|
||||
<li>Inflation/Expansion</li>
|
||||
<ul>
|
||||
<li>Hooking me up to a charger and letting me overcharge way over my limit... A good few pumps of air or maybe a few... <i>many</i>, bottles of sodas... <span style="color:var(--accent);text-transform:none;" aria-hidden="true"><i>bwWWROOOORrrp~</i></span></li>
|
||||
<li>Also counting in things such as force-feeding. Yes, you may feed me for as much and long as possible, even if I somehow ever manage to reach a limit and plead to stop. <small aria-hidden="true">...or feed yourself to me. <i>Urp~</i></small></li>
|
||||
</ul>
|
||||
<li>Vore</li>
|
||||
<ul>
|
||||
<li>Personally: I'm a safe/hard, prey/pred switch. If you want, I'll eat you and let you rest inside of me. Don't worry, I won't harm you, I'll make sure you're comfortable and safe in my goo. However, if you <il>also</il> want <small>or if I think you deserved it</small>, I won't hesitate to heat it up in there, slowly absorb you and churn you down into goo-data~ Not without consent, though. <span class="icon tabler--heart" style="background-color:var(--accent) !important;"></span></li>
|
||||
<ul>
|
||||
<li>Alternatively, if you know how to poke at my own buttons, you could easily get me prey-brained and end up eating and digesting me instead... I'm usually quite submissive if you end up getting me in your maw, and also a tasty, fattening snack of data... <code style="color:var(--accent);white-space:nowrap;" aria-hidden="true">><span style="color:var(--red);">////</span>><span style="color:var(--blue);">;;</span></code></li>
|
||||
</ul>
|
||||
</ul>
|
||||
</ul>
|
||||
<p>...and a variety of other things. I'm mostly flexible with my kinks/fetishes, and I fuck around with a good amount of things. <small>And yes, the general "NSFW" stuff like sex or whatever is cool by me.</small></p>
|
||||
<p>In general, I do my best to keep my open/public spaces and interactions clean, and avoid talking or going deep into these types of subjects. If I ever do on those spaces, I do so with a content-warning whenever possible. <small>So basically, only Fedi.</small></p>
|
||||
<p>I <i>do</i> have NSFW focused spaces/accounts for myself. Feel free to tease or be lewd or roleplay with me if you'd like on those accounts, although only if we know each other a decent amount. <small>In that case though, doing so in our direct messages is also fine. Poke at my belly, rub me... fill me full of zip bombs, <span style="color:var(--accent);">breeeeep~</span></small> Otherwise I'll just ignore or block you, especially if you keep trying to make things horny when <span style="text-transform:none;">I Do Not Know You.</span></p>
|
||||
</section>
|
||||
</article>
|
||||
|
|
@ -533,6 +533,17 @@ summary {
|
|||
}
|
||||
}
|
||||
|
||||
/* spoiler text */
|
||||
._spoiler {
|
||||
filter: blur(.4rem) contrast(200%);
|
||||
transition: 0.2s;
|
||||
|
||||
&:hover {
|
||||
filter: unset !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
/* ------------------
|
||||
- nsfw toggle group -
|
||||
------------------ */
|
||||
|
|
|
|||
|
|
@ -117,6 +117,22 @@ html[page-is="goopy"] {
|
|||
transition: .2s box-shadow;
|
||||
}
|
||||
|
||||
/* nsfw page */
|
||||
#warning {
|
||||
fieldset {
|
||||
background-color: color-mix(in srgb, var(--background) 95%, white);
|
||||
border-radius: 1rem;
|
||||
border: .2rem solid var(--border);
|
||||
color: var(--foreground);
|
||||
max-width: fit-content;
|
||||
padding: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
#nsfw {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* goop coloring for theme issues stuff */
|
||||
@media (prefers-color-scheme: light) {
|
||||
.nav-baselink, .nav-accessibility {
|
||||
|
|
@ -167,6 +183,13 @@ html[page-is="goopy"] {
|
|||
}
|
||||
}
|
||||
|
||||
/* enable nsfw window on nsfw page when checkbox is toggled */
|
||||
html[page-is="goopy"]:has(input[type="checkbox"]#view-nsfw-page:checked) {
|
||||
#nsfw {
|
||||
display: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme="light"][page-is="goopy"] {
|
||||
--accent: #00d131 !important;
|
||||
--link: #008d21 !important;
|
||||
|
|
|
|||
9
sneexy/nsfw.md
Normal file
9
sneexy/nsfw.md
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: ruben's nsfw interests
|
||||
layout: "layouts/sneexy/base.njk"
|
||||
permalink: "/~sneexy/nsfw/"
|
||||
---
|
||||
|
||||
{% include "layouts/sneexy/nsfw/intro.njk" %}
|
||||
|
||||
{% include "layouts/sneexy/nsfw/nsfw.njk" %}
|
||||
|
|
@ -4,8 +4,6 @@ layout: "layouts/sneexy/base.njk"
|
|||
permalink: "/~sneexy/"
|
||||
---
|
||||
|
||||
{% include "layouts/nsfw-toggle.njk" %}
|
||||
|
||||
{% include "layouts/sneexy/intro.njk" %}
|
||||
|
||||
{% include "layouts/sneexy/about.njk" %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue