Compare commits
6 commits
1e3566bd95
...
e42c36756a
Author | SHA1 | Date | |
---|---|---|---|
e42c36756a | |||
38a9c19699 | |||
bf7f80f83f | |||
167f86922f | |||
26977635bd | |||
cbcac29561 |
9 changed files with 46 additions and 18 deletions
|
@ -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>
|
||||
|
|
|
@ -134,6 +134,7 @@
|
|||
|
||||
:host .message {
|
||||
flex: 1 1 100%;
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
:host .actions {
|
||||
|
|
|
@ -21,6 +21,7 @@
|
|||
©
|
||||
<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;
|
||||
}
|
||||
|
|
BIN
src/img/viktor/ref-back-nsfw.png
Normal file
BIN
src/img/viktor/ref-back-nsfw.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
BIN
src/img/viktor/ref-front-nsfw.png
Normal file
BIN
src/img/viktor/ref-front-nsfw.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 MiB |
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
@ -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()">
|
||||
|
|
|
@ -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.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue