Compare commits

...

6 commits

9 changed files with 46 additions and 18 deletions

View file

@ -1,16 +1,18 @@
<script>
const nsfwButton = document.querySelector('#nsfw-toggle');
const nsfwButtonBtns = document.querySelectorAll('.nsfw-toggle');
nsfwButton.addEventListener('click', () => {
const isInHornyJail = storeProxy.getItem('isInHornyJail') === 'true';
const isHorny = storeProxy.getItem('isHorny') === 'true';
nsfwButtonBtns.forEach((btn) =>
btn.addEventListener('click', () => {
const isInHornyJail = storeProxy.getItem('isInHornyJail') === 'true';
const isHorny = storeProxy.getItem('isHorny') === 'true';
if (isInHornyJail) {
storeProxy.setItem('isHorny', !isHorny);
} else {
open();
}
});
if (isInHornyJail) {
storeProxy.setItem('isHorny', !isHorny);
} else {
open();
}
})
);
</script>
<div webc:root="override">
@ -20,8 +22,9 @@
</div>
</div>
<ref-button id="nsfw-toggle" command="show-modal" commandfor="nsfw-warning">
Reveal/Hide
<ref-button class="nsfw-toggle" command="show-modal" commandfor="nsfw-warning">
<span>Show NSFW</span>
<span class="nsfw-label">Hide NSFW</span>
</ref-button>
<div class="nsfw-content">
@ -33,12 +36,22 @@
<style webc:scoped="nsfw-barrier">
:host {
.nsfw & .nsfw-content {
.nsfw & :where(.nsfw-content) {
display: block;
}
.nsfw & .nsfw-toggle .nsfw-label {
display: block;
}
.nsfw & .nsfw-toggle :not(.nsfw-label) {
display: none;
}
}
:host .nsfw-content {
:host .nsfw-toggle {
text-align: end;
}
:host :where(.nsfw-content, .nsfw-label) {
display: none;
}
</style>

View file

@ -134,6 +134,7 @@
:host .message {
flex: 1 1 100%;
text-wrap: balance;
}
:host .actions {

View file

@ -21,6 +21,7 @@
&copy;
<a :href="href" target="_blank" @text="artist"></a>
</figcaption>
<nsfw-barrier webc:if="nsfw"></nsfw-barrier>
</figure>
<style webc:scoped="ref-image">
@ -51,6 +52,12 @@
}
}
:host .nsfw-barrier {
grid-area: image;
justify-self: end;
align-self: end;
}
:host :where(picture, img) {
grid-area: image;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

View file

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

View file

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Before After
Before After

View file

@ -3,8 +3,13 @@ layout: base.webc
---
<popup-modal id="nsfw-warning" :open="isOpen">
<template webc:nokeep slot="heading">Whoa, Nelly!</template>
<template webc:nokeep slot="message">Here be kinky dragons!</template>
<template webc:nokeep slot="heading">
🔞 Whoa, Nelly! 🔞
</template>
<template webc:nokeep slot="message">
<p>Entering the kinky zone!</p>
<p>You confirm that you are of legal age to view adult content!</p>
</template>
</popup-modal>
<main :class="firstName.toLowerCase()">

View file

@ -5,12 +5,13 @@ eleventyNavigation:
---
<ref-img
:@src="`ref-SFW.png`"
:@src="`ref-back.png`"
:@alt="`Viktor Ref`"
:@artist="`sabertoofs`"
:@href="`https://bsky.app/profile/sabertoofs.bsky.social`"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
:@nsfw="true"
></ref-img>
<colors :@colors="$data.getColors()"></colors>
@ -22,12 +23,13 @@ His forehead, nose, chest, belly and crotch are of light desert sand colors that
His cheeks, shoulders, back and thighs, in contrast, stand out with a rich walnut brown, which is also found on the sides of his tail. From the back of his head, down his spine and across the top of his tail is a continuous strip of deep dark cedar brown. Arms and legs are distinguished by a light earthy brown.
<ref-img
:@src="`pinup-SFW.png`"
:@src="`ref-front.png`"
:@alt="`Viktor Ref`"
:@artist="`sabertoofs`"
:@href="`https://bsky.app/profile/sabertoofs.bsky.social`"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
:@nsfw="true"
></ref-img>
His entire body is speckled with scattered aquamarine spots, which come in pairs of one large and one small spot. The only exceptions are the spots on his cheeks and behind his lower cheek horns, which come in threes and his the top side of his snout, which sports a big single spot. Mouth, tongue, nostrils and any other tissue of his body also feature this color.