SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: use figure components inside gallery component

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-06 18:57:42 +01:00
parent 19ea11c7f2
commit ae949c98ea
1 changed files with 170 additions and 173 deletions
Download patch file Download diff file Expand all files Collapse all files

263
src/views/Anatomy.vue
View file

@ -15,12 +15,6 @@
</nsfw-warning> </nsfw-warning>
<prose> <prose>
<nsfw-switch
id="nsfw-switch"
v-model="$root.nsfw"
@change="$root.showWarning()"
/>
<h2>Anatomy</h2> <h2>Anatomy</h2>
<ref-figure> <ref-figure>
@ -37,7 +31,13 @@
/> />
</template> </template>
<template #caption> <template #caption>
<label>Sebin Full Body Reference</label> <nsfw-switch
id="nsfw-switch"
v-model="$root.nsfw"
@change="$root.showWarning()"
/>
<div>Sebin Full Body Reference</div>
</template> </template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/draftgon">draftgon</a> <a href="https://twitter.com/draftgon">draftgon</a>
@ -114,7 +114,7 @@
eyebrows eyebrows
</li> </li>
<li>Black horns with slight curve downwards</li> <li>Black horns with slight curve downwards</li>
<li>Blue hair, different styles; short style preferred</li> <li>Blue, medium long hair</li>
<li>Long, pointy, movable ears</li> <li>Long, pointy, movable ears</li>
<li>Very sharp teeth</li> <li>Very sharp teeth</li>
<li>Tongue with pointy tip</li> <li>Tongue with pointy tip</li>
@ -152,18 +152,14 @@
workout days for rest, switching body regions each workout day. workout days for rest, switching body regions each workout day.
</p> </p>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div>
<img <img
src="@/assets/refs/upper-body-ref.jpg" src="@/assets/refs/upper-body-ref.jpg"
alt="Sebin's upper body closeup" alt="Sebin's upper body closeup"
/> />
</div>
</template>
<template #caption>
<label>Sebin's upper body closeup</label>
</template> </template>
<template #caption>Sebin's upper body closeup</template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/NidtheDragon">NidtheDragon</a> <a href="https://twitter.com/NidtheDragon">NidtheDragon</a>
</template> </template>
@ -178,195 +174,166 @@
</p> </p>
<h3>Additional Muscle References</h3> <h3>Additional Muscle References</h3>
<!-- <div class="nsfw-bar" v-show="!nsfw">
<div class="nsfw-bar__content flex flex--row flex--nowrap">
<div>
<strong>
Some of these additional references are NSFW. Please enable NSFW
mode to reveal them.
</strong>
</div>
<nsfw-switch
id="nsfw-switch-muscle"
v-model="$root.nsfw"
@change="$root.showWarning()"
/>
</div>
</div> -->
<ref-gallery> <ref-gallery>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div>
<img <img
src="@/assets/refs/muscle/muscle-ref12.jpg" src="@/assets/refs/muscle/muscle-ref12.jpg"
alt="Sebin flexing" alt="Sebin flexing"
/> />
</div>
</template>
<template #caption>
<label>Sebin flexing</label>
</template> </template>
<template #caption>Sebin flexing</template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/KidRhinoBoy">Chirros</a> <a href="https://twitter.com/KidRhinoBoy">Chirros</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder nsfw id="nsfw-switch-grisser">
<template #img> <template #img>
<div>
<img src="@/assets/refs/muscle/muscle-ref1.jpg" alt="Sebin beckons" /> <img src="@/assets/refs/muscle/muscle-ref1.jpg" alt="Sebin beckons" />
</div>
</template>
<template #caption>
<label>Sebin beckons</label>
</template> </template>
<template #caption>Sebin beckons</template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/GrisserArt">Grisser</a> <a href="https://twitter.com/GrisserArt">Grisser</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref2.jpg" alt="Sebin jamming out to some tunes" /> src="@/assets/refs/muscle/muscle-ref2.jpg"
</div> alt="Sebin jamming out to some tunes"
</template> />
<template #caption>
<label>Sebin jamming out to some tunes</label>
</template> </template>
<template #caption>Sebin jamming out to some tunes</template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/artvalentinapaz">Valentina Paz</a> <a href="https://twitter.com/artvalentinapaz">Valentina Paz</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div>
<img src="@/assets/refs/muscle/muscle-ref3.jpg" alt="Sebin flexing" /> <img src="@/assets/refs/muscle/muscle-ref3.jpg" alt="Sebin flexing" />
</div>
</template>
<template #caption>
<label>Sebin flexing</label>
</template> </template>
<template #caption>Sebin flexing</template>
<template #copyright> <template #copyright>
<a href="https://www.furaffinity.net/user/Marsel-Defender">Marsel-Defender</a> <a href="https://www.furaffinity.net/user/Marsel-Defender">
Marsel-Defender
</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref4.png" alt="Sebin giving you the bedroom eyes" /> src="@/assets/refs/muscle/muscle-ref4.png"
</div> alt="Sebin giving you the bedroom eyes"
</template> />
<template #caption>
<label>Sebin giving you the bedroom eyes</label>
</template> </template>
<template #caption>Sebin giving you the bedroom eyes</template>
<template #copyright> <template #copyright>
<a href="https://www.furaffinity.net/user/sirboburto">SirBoburto</a> <a href="https://www.furaffinity.net/user/sirboburto">SirBoburto</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref5.jpg" alt="Sebin bulging out" /> src="@/assets/refs/muscle/muscle-ref5.jpg"
</div> alt="Sebin bulging out"
</template> />
<template #caption>
<label>Sebin bulging out</label>
</template> </template>
<template #caption>Sebin bulging out</template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/MuskyMuffin">SexMuffin</a> <a href="https://twitter.com/MuskyMuffin">SexMuffin</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder nsfw id="nsfw-switch-knuxlight">
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref6.jpg" alt="Sebin showing you his rings" /> src="@/assets/refs/muscle/muscle-ref6.jpg"
</div> alt="Sebin showing you his rings"
</template> />
<template #caption>
<label>Sebin showing you his rings</label>
</template> </template>
<template #caption>Sebin showing you his rings</template>
<template #copyright> <template #copyright>
<a href="https://twitter.com/tehknuxlight">Knuxlight</a> <a href="https://twitter.com/tehknuxlight">Knuxlight</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref7.jpg" alt="Sebin ready to throw down" /> src="@/assets/refs/muscle/muscle-ref7.jpg"
</div> alt="Sebin ready to throw down"
</template> />
<template #caption>
<label>Sebin ready to throw down</label>
</template> </template>
<template #caption>Sebin ready to throw down</template>
<template #copyright> <template #copyright>
<a href="https://www.furaffinity.net/user/shonuff44">ShoNuff44</a> <a href="https://www.furaffinity.net/user/shonuff44">ShoNuff44</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref8.jpg" alt="Sebin being high and mighty" /> src="@/assets/refs/muscle/muscle-ref8.jpg"
</div> alt="Sebin being high and mighty"
/>
</template>
<template #caption>Sebin being high and mighty</template>
<template #copyright>
<a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
</template>
</ref-figure>
<ref-figure polaroidBorder>
<template #img>
<img
src="@/assets/refs/muscle/muscle-ref9.jpg"
alt="Sebin getting out of the pool"
/>
</template>
<template #caption>Sebin getting out of the pool</template>
<template #copyright>
<a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
</template>
</ref-figure>
<ref-figure polaroidBorder>
<template #img>
<img
src="@/assets/refs/muscle/muscle-ref10.jpg"
alt="Sebin sporting the construction worker look"
/>
</template> </template>
<template #caption> <template #caption>
<label>Sebin being high and mighty</label> Sebin sporting the construction worker look
</template> </template>
<template #copyright> <template #copyright>
<a href="https://www.furaffinity.net/user/j-cock">j-cock</a> <a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
</template> </template>
</ref-figure> </ref-figure>
<ref-figure> <ref-figure polaroidBorder>
<template #img> <template #img>
<div> <img
<img src="@/assets/refs/muscle/muscle-ref9.jpg" alt="Sebin getting out of the pool" /> src="@/assets/refs/muscle/muscle-ref11.jpg"
</div> alt="Sebin lifting weights"
</template> />
<template #caption>
<label>Sebin getting out of the pool</label>
</template> </template>
<template #caption>Sebin lifting weights</template>
<template #copyright> <template #copyright>
<a href="https://www.furaffinity.net/user/j-cock">j-cock</a> <a href="https://www.furaffinity.net/user/Marsel-Defender">
</template> Marsel-Defender
</ref-figure> </a>
<ref-figure>
<template #img>
<div>
<img src="@/assets/refs/muscle/muscle-ref10.jpg" alt="Sebin sporting the construction worker look" />
</div>
</template>
<template #caption>
<label>Sebin sporting the construction worker look</label>
</template>
<template #copyright>
<a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
</template>
</ref-figure>
<ref-figure>
<template #img>
<div>
<img src="@/assets/refs/muscle/muscle-ref11.jpg" alt="Sebin lifting weights" />
</div>
</template>
<template #caption>
<label>Sebin lifting weights</label>
</template>
<template #copyright>
<a href="https://www.furaffinity.net/user/Marsel-Defender">Marsel-Defender</a>
</template> </template>
</ref-figure> </ref-figure>
</ref-gallery> </ref-gallery>
<template v-if="nsfw">
<h3>Penis</h3> <h3>Penis</h3>
<ref-figure> <ref-figure>
<template #img> <template #img>
@ -399,15 +366,32 @@
</quick-facts> </quick-facts>
<p> <p>
Despite his majorly reptilian appearance he has nipples, a feature of the Despite his majorly reptilian appearance he has nipples, a feature of
human side of his family, which also shows with his external testicles. the human side of his family, which also shows with his external
Rather than a slit which houses his penis he has a pouch-like sheath, with testicles. Rather than a slit which houses his penis he has a pouch-like
the tip slightly peeking out of it when not aroused. His penis is mainly sheath, with the tip slightly peeking out of it when not aroused. His
humanoid in shape but is surrounded by several ridges. He can take it out penis is mainly humanoid in shape but is surrounded by several ridges.
of its pouch while it's still soft (e.g. for passing water). When aroused He can take it out of its pouch while it's still soft (e.g. for passing
his charcoal black shaft pushes out from the sheath, its base girded by water). When aroused his charcoal black shaft pushes out from the
the sheath like a ring. sheath, its base girded by the sheath like a ring.
</p> </p>
</template>
<template v-else>
<h3>But, wait! There's more...</h3>
<p>
Sebin like you haven't seen him yet! Flip the switch to reveal his
naughty secrets. If you dare...! Don't say I didn't warn you!!
</p>
<nsfw-switch
class="flex flex--row flex--nowrap flex--center"
id="nsfw-switch-manlybits"
v-model="$root.nsfw"
@change="$root.showWarning()"
/>
</template>
</prose> </prose>
</template> </template>
@ -437,4 +421,17 @@ export default {
}; };
</script> </script>
<style></style> <style lang="scss">
@import "@/scss/_variables.scss";
.figure {
&__border {
position: relative;
}
.nsfw-switch {
font-size: 1em;
font-style: normal;
}
}
</style>