sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add nsfw toggle to site, some cleanup
All checks were successful
/ build (push) Successful in 34s
Details

Browse source
This commit is contained in:
Ruben 2025-07-14 18:48:05 -05:00
commit 91b4f648ad
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
10 changed files with 178 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_includes/layouts/admins/list.njk
View file

@ -1,6 +1,6 @@
<div id="sneexy" class="card sneexy">
<h4><a href="#sneexy">Sneexy <small>(Ruben)</small></a></h4>
<p>Current webmaster; <span style="cursor:help;" title="Not literally - in reference to my synth/sona's capability to run software and store endless amounts of data thanks to advanced Goo-Storage™ technology.">Hardware host <small><i>(slosh!~)</i></small></span>; Admin.</p>
<p>Current webmaster; <span class="_info" title="Not literally - in reference to my synth/sona's capability to run software and store endless amounts of data thanks to advanced Goo-Storage™ technology.">Hardware host <small><i>(slosh!~)</i></small></span>; Admin.</p>
<p class="button-container"><a class="button" href="/~sneexy"><span class="icon tabler--arrow-forward"></span> Page</a></p>
<img class="sona" src="/assets/admins/sneexy.svg" alt="" />
</div>

20
_includes/layouts/home/intro.njk
View file

@ -37,10 +37,10 @@
<section>
<p>As answered by <a href="/~sneexy">~sneexy</a>, the sysadmin of Synth.download.</p>
<div class="card question">
<p><span title="Question"><b>Q:</b></span> How do I join this tilde/pubnix/these services?</p>
<p><span class="_info" title="Question"><b>Q:</b></span> How do I join this tilde/pubnix/these services?</p>
<hr class="solid">
<p><b>NOTICE:</b> Registrations currently aren't open for Tilde/Pubnix purposes. We are still setting things up in regards to that!</p>
<p><span title="Answer"><b>A:</b></span> I pretty much just need to know you/the one reading this enough. I'll choose whether or not you'll be let in, trying to "Speedrun" getting close to me will <i>not</i> get you in. Massive bonus points if we're already friends/established mutuals!</p>
<p><span class="_info" title="Answer"><b>A:</b></span> I pretty much just need to know you/the one reading this enough. I'll choose whether or not you'll be let in, trying to "Speedrun" getting close to me will <i>not</i> get you in. Massive bonus points if we're already friends/established mutuals!</p>
<p>If you'd like to try asking, do so! Contact synth@synth.download<span style="color: var(--accent);">*</span> with the following:</p>
<ul style="padding-left: 4rem; margin-bottom: -.5rem;">
<li>Making it clear who you are (links to any profiles or websites)</li>
@ -53,25 +53,25 @@
<p><small><b>Note:</b> You don't have to register for the Synth.download tilde/pubnix if you're just looking to register for one of our services (like our Sharkey or Iceshrimp instance). Feel free to just ask directly if that's the case! The same restrictions as if you were going to register for the tilde/pubnix still apply though.</small></p>
</div>
<div class="card question">
<p><span title="Question"><b>Q:</b></span> I sent a registration thing and it's been a while, what's up?</p>
<p><span class="_info" title="Question"><b>Q:</b></span> I sent a registration thing and it's been a while, what's up?</p>
<hr class="solid">
<p><span title="Answer"><b>A:</b></span> Either A: You've been denied, and I won't explain why due to having a low social battery when it comes to explaining things or B: You have been accepted/considered but I do registration and everything manually <small>(Yes, automation would be nice, but also seems overkill for a private thing that won't get much outside traction)</small>, so it may take a while for me to finish up the process for you to be able to get in.</p>
<p><span class="_info" title="Answer"><b>A:</b></span> Either A: You've been denied, and I won't explain why due to having a low social battery when it comes to explaining things or B: You have been accepted/considered but I do registration and everything manually <small>(Yes, automation would be nice, but also seems overkill for a private thing that won't get much outside traction)</small>, so it may take a while for me to finish up the process for you to be able to get in.</p>
<p>In either case, try poking at me directly and I <i>may</i> respond depending on the end case.</p>
</div>
<div class="card question">
<p><span title="Question"><b>Q:</b></span> Is information on this page up to date?</p>
<p><span class="_info" title="Question"><b>Q:</b></span> Is information on this page up to date?</p>
<hr class="solid">
<p><span title="Answer"><b>A:</b></span> Uh... Probably? It should be, although yes, it should be noted that everything on this page is static. I manually update the information listed here for everything. I just haven't bothered setting up any sort of dynamic stuff.</p>
<p><span class="_info" title="Answer"><b>A:</b></span> Uh... Probably? It should be, although yes, it should be noted that everything on this page is static. I manually update the information listed here for everything. I just haven't bothered setting up any sort of dynamic stuff.</p>
</div>
<div class="card question">
<p><span title="Question"><b>Q:</b></span> Why something so fancy for something private?</p>
<p><span class="_info" title="Question"><b>Q:</b></span> Why something so fancy for something private?</p>
<hr class="solid">
<p><span title="Answer"><b>A:</b></span> Why not? I'm having fun making this site. Might as well put some extra information on here, even if it'll probably be private and small forever. <small>(Although - Things can always change! Who knows if I decide to expand publicly or something.)</small></p>
<p><span class="_info" title="Answer"><b>A:</b></span> Why not? I'm having fun making this site. Might as well put some extra information on here, even if it'll probably be private and small forever. <small>(Although - Things can always change! Who knows if I decide to expand publicly or something.)</small></p>
</div>
<div class="card last question">
<p><span title="Question"><b>Q:</b></span> Merp!</p>
<p><span class="_info" title="Question"><b>Q:</b></span> Merp!</p>
<hr class="solid">
<p><span title="Answer"><b>A:</b></span> Beep!</p>
<p><span class="_info" title="Answer"><b>A:</b></span> Beep!</p>
</div>
</section>
</details>

2
_includes/layouts/navbar.njk
View file

@ -38,7 +38,6 @@
<hr class="solid">
<p class="caption section" style="font-size: smaller; opacity: .9;">Theme</p>
<p class="caption" style="color: var(--red);">Only works with JavaScript.</p>
<span>
<input type="radio" id="theme-auto" name="theme-setting" value="auto" checked />
<label for="theme-auto">System (Auto)</label><br>
@ -55,7 +54,6 @@
<li>
<hr class="solid">
<p class="caption section" style="font-size: smaller; opacity: .9;">Font</p>
<span>
<input type="radio" id="font-jbm" name="font-setting" value="jbm" checked />
<label for="font-jbm" style="font-family: 'JetBrains Mono', system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;">JetBrains Mono</label><br>

13
_includes/layouts/nsfw-toggle.njk Normal file
View file

@ -0,0 +1,13 @@
<!-- nsfw toggle button -->
<fieldset class="nsfw-toggle-holder">
<div class="nsfw-toggle">
<input type="checkbox" id="view-nsfw-content" name="view-nsfw-content" />
<label for="view-nsfw-content">Enable <span class="_info" title="Not-safe-for-Work">NSFW</span> content</label><br>
<p class="caption">This page features optional NSFW content/mentions of related topics. <b>This is disabled by default, and is safe to view this page with this option <i>disabled</i>.</b> If you're not a fan of that stuff or a minor, <i>leave this option disabled</i>.</p>
</div>
<div class="spoil-nsfw-toggle">
<input type="checkbox" id="spoil-nsfw-content" name="spoil-nsfw-content" checked />
<label for="spoil-nsfw-content">Blur <span class="_info" title="Not-safe-for-Work">NSFW</span> content until focus</label><br>
<p class="caption">Hides the NSFW content itself under a blur effect, until hovered over/tapped on. Yes, at some point, I'll improve the styling over this.</p>
</div>
</fieldset>

1
_includes/layouts/sneexy/about.njk
View file

@ -26,7 +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>
<hr class="solid">
{% include "layouts/sneexy/nsfw-info.njk" %}
</section>
</article>

6
_includes/layouts/sneexy/intro.njk
View file

@ -14,7 +14,13 @@
</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>

50
_includes/layouts/sneexy/nsfw-info.njk
View file

@ -1,33 +1,25 @@
<details class="styled">
<summary>
🔞 Other NSFW/kinky/fetish-related information about myself, if you're curious.
<span class="icon tabler--arrow-autofit-height"></span>
</summary>
<section>
<p class="info-box warn"><span class="icon tabler--alert-triangle"></span> <b>Content-warning on Content-warning:</b> This section here is obviously going to mention the things I like that are in the NSFW field of things, which also means that if you're a minor, <i>stop reading this and close this section</i>, thanks. You can easily see them from here that I literally just directly mention them, but repeating them here before you go far too down <small>(Because I care!)</small>: <i>Fat, Inflation and Vore</i> are mentioned topics here. If you don't want to read anything about those, you should stop reading this section and close it.</p>
<p>In the <i>other</i> case that it wasn't obvious, I like <i>big</i> things, as a whole, and some other things sprinkled in. But specifically, I'm talking about:</p>
<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>Fat</li>
<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>Talking about big bellies, love handles, fat thighs, moobs... and generally large, soft creatures as well.</li>
</ul>
<li>Inflation/Expansion</li>
<ul>
<li>A good few pumps of air or maybe a few... <i>many</i>, bottles of sodas...</li>
<li>Also counting in things such as force-feeding. <small aria-hidden="true"><i>Urp~</i></small></li>
</ul>
<li>Vore</li>
<ul>
<li>There's too many teasing oppertunities with this one, okay? Besides, being treated as a "small goo-snack" is just... <small aria-hidden="true"><i>awhgjaflkjfdsaljh,,,,</i></small></li>
<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... Trust me, my goo is basically like jelly, and although my data isn't really compatible with any other creature, it just makes me more fattening for you~</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">&gt;<span style="color:var(--red);">////</span>&gt;<span style="color:var(--blue);">;;</span></code></li>
</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, 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, and if you know where to find them, well, then you know where. Feel free to tease 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>
<p><small><b>Also!</b> If you're going to complain about me being weird or something - You read this. You chose to visit my page, saw basically every obvious "warning", then read the content warning to <i>this</i> section, decided open it, read the <i>other</i> content warning, and continued reading instead of backing out when you should have. I'll make fun of you.</small></p>
</section>
</details>
</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>

131
_includes/styles/base.css
View file

@ -273,14 +273,14 @@ a {
text-decoration-color: color-mix(in srgb, var(--accent) 60%, transparent);
text-decoration-thickness: 0.1em;
transition: 0.2s;
}
a:hover {
color: var(--link);
text-decoration-color: var(--accent);
text-decoration-skip-ink: none;
text-decoration-thickness: .3em;
transition: 0.2s;
&:hover {
color: var(--link);
text-decoration-color: var(--accent);
text-decoration-skip-ink: none;
text-decoration-thickness: .3em;
transition: 0.2s;
}
}
/* smol text */
@ -295,6 +295,22 @@ li {
padding-bottom: .5rem;
}
/* text with "title", little hover-over info tibblets */
._info {
cursor: help;
text-decoration-color: color-mix(in srgb, var(--foreground) 40%, transparent);
text-decoration-line: underline;
text-decoration-style: dashed;
text-decoration-thickness: 0.1em;
transition: 0.2s;
&:hover {
text-decoration-color: color-mix(in srgb, var(--foreground) 80%, transparent);
text-decoration-skip-ink: none;
transition: 0.2s;
}
}
/* the tabler icons svgs styling */
.tabler-icon,
.icon .icon-tabler {
@ -517,6 +533,107 @@ summary {
}
}
/* ------------------
- nsfw toggle group -
------------------ */
.nsfw-toggle-holder {
background-color: color-mix(in srgb, var(--background) 95%, white);
border-radius: 1rem;
border: .2rem solid var(--border);
color: var(--foreground);
padding: .5rem;
position: fixed;
max-width: 30rem;
margin-left: .4rem;
z-index: 30;
right: .4rem;
top: 3rem;
transition: 0.2s;
/* inital "shrunken" state */
opacity: .5;
scale: .75;
transform-origin: top right;
/* hide captions when unhovered */
.caption {
display: none;
}
&:hover {
transition: 0.2s;
/* hovered "full" state */
opacity: 1;
scale: 1;
.caption {
opacity: .9;
display: unset;
}
}
.nsfw-toggle, .spoil-nsfw-toggle {
display: block;
}
/* hide the spoil option if nsfw itself is disabled */
.spoil-nsfw-toggle {
display: none;
margin-top: 1rem;
}
&:has(input[type="checkbox"]#view-nsfw-content:checked) .spoil-nsfw-toggle {
display: inherit !important;
}
/* shrink it even more if on a small display */
@media screen and (max-width: 580px) {
scale: .5;
}
}
/* _is-nsfw class for elements that are "nsfw" - will be hidden and spoiled by default */
._is-nsfw {
display: none;
}
/* inverse to remove elements if they aren't nsfw while the option is toggled */
._is-nsfw-inverse {
display: inherit;
}
/* show if enabled */
html:has(input[type="checkbox"]#view-nsfw-content:checked) {
._is-nsfw {
display: inherit;
}
._is-nsfw-inverse {
display: none;
}
}
/* blue/spoiler if enabled */
html:has(input[type="checkbox"]#spoil-nsfw-content:checked) {
._is-nsfw {
filter: blur(.4rem) contrast(200%);
transition: 0.2s;
&:hover {
filter: unset !important;
transition: 0.2s;
}
}
/* _always-show to ignore the "spoiler" option */
._always-show {
filter: unset !important;
}
}
/* ---------------
- alt text popup -
--------------- */

2
_includes/styles/windows.css
View file

@ -109,7 +109,7 @@
}
/* window when its the first one on the page */
.window:first-child {
.window:first-of-type {
margin-top: 5rem;
animation: .3s ease-out .2s 1 window-appear;

2
sneexy/sneexy.md
View file

@ -4,6 +4,8 @@ layout: "layouts/sneexy/base.njk"
permalink: "/~sneexy/"
---
{% include "layouts/nsfw-toggle.njk" %}
{% include "layouts/sneexy/intro.njk" %}
{% include "layouts/sneexy/about.njk" %}