feat: ♻️ refactor ALL THE THINGS!!! (again)
Update to Vue 3 and employ Vue Router, additional design changes and navigation changes
This commit is contained in:
sebin.nyshkim@icloud.com
parent
e9f29b655d
commit
ae5d4d2633
59 changed files with 2768 additions and 1381 deletions
360
src/views/Anatomy.vue
Normal file
360
src/views/Anatomy.vue
Normal file
|
|
@ -0,0 +1,360 @@
|
|||
<template>
|
||||
<nsfw-warning v-show="isWarn">
|
||||
<template #heading>
|
||||
⚠️⚠️⚠️<br />
|
||||
Whoa, Nelly!
|
||||
</template>
|
||||
|
||||
<template #message>
|
||||
By enabling NSFW mode you confirm that you are of legal age to view adult
|
||||
content.
|
||||
</template>
|
||||
|
||||
<template #yes>Yes, show me the goods 👀</template>
|
||||
<template #no>NO, STAHP 😱</template>
|
||||
</nsfw-warning>
|
||||
|
||||
<prose>
|
||||
<nsfw-switch id="nsfw-switch" v-model="nsfw" @change="showWarning()" />
|
||||
|
||||
<h2>Anatomy</h2>
|
||||
|
||||
<ref-figure>
|
||||
<template #img>
|
||||
<img
|
||||
v-if="nsfw"
|
||||
src="@/assets/refs/sebin-ref-body-NSFW.png"
|
||||
alt="Sebin Full Body Ref"
|
||||
/>
|
||||
<img
|
||||
v-else
|
||||
src="@/assets/refs/sebin-ref-body-SFW.png"
|
||||
alt="Sebin Full Body Ref"
|
||||
/>
|
||||
</template>
|
||||
<template #caption>
|
||||
<label>Sebin Full Body Reference</label>
|
||||
</template>
|
||||
<template #copyright>
|
||||
<a href="https://twitter.com/draftgon">draftgon</a>
|
||||
</template>
|
||||
</ref-figure>
|
||||
|
||||
<data-table class="prose" :dataset="getSebinData.colors" />
|
||||
|
||||
<quick-facts>
|
||||
<ul>
|
||||
<li>Bipedal plantigrade</li>
|
||||
<li>
|
||||
Red scales, yellow chest-plates running from underneath chin, over
|
||||
torso, between legs, underside of tail
|
||||
</li>
|
||||
<li>Athletic to body builder physique</li>
|
||||
<li>Sharp, black claws on fingers and toes</li>
|
||||
<li>Brown spikes running over back and top-side of tail</li>
|
||||
<li>Tail about 1 meter in length</li>
|
||||
</ul>
|
||||
</quick-facts>
|
||||
|
||||
<p>
|
||||
Sebin is a bipedal plantigrade. His body is mostly covered by red scales
|
||||
with yellow chest plates running from below his chin over his torso all
|
||||
the way down between his legs and underside of his tail. His physique is
|
||||
athletic to muscular. His fingers and toes are equipped sharp black claws.
|
||||
Brown spikes run along his spine down to the tip of his tail. His tail is
|
||||
about one meter in length.
|
||||
</p>
|
||||
|
||||
<h3>Wings</h3>
|
||||
|
||||
<quick-facts>
|
||||
<ul>
|
||||
<li>Wingspan 3-4 meters</li>
|
||||
<li>Closed when on the ground</li>
|
||||
<li>Function like a second pair of arms</li>
|
||||
<li>Pointy talon on end of "hand"</li>
|
||||
</ul>
|
||||
</quick-facts>
|
||||
|
||||
<p>
|
||||
His wing span is around 3-4 meters. He has them closed when on the ground.
|
||||
His wings function like a second pair of arms, at which ends are hand-like
|
||||
limbs with a black talon on top and finger-like extensions, in between
|
||||
which are the membranes of his wings. He can use his wings to fly short
|
||||
distances. Longer distances become difficult due to fatigue of having to
|
||||
carry his own weight with his wings alone.
|
||||
</p>
|
||||
|
||||
<h3>Head</h3>
|
||||
<ref-figure>
|
||||
<template #img>
|
||||
<div>
|
||||
<img
|
||||
src="@/assets/refs/sebin-ref-expressions.png"
|
||||
alt="Sebin's Expressions"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<template #caption>
|
||||
<label>Sebin's Expressions</label>
|
||||
</template>
|
||||
<template #copyright>
|
||||
<a href="https://twitter.com/draftgon">draftgon</a>
|
||||
</template>
|
||||
</ref-figure>
|
||||
|
||||
<quick-facts>
|
||||
<ul>
|
||||
<li>
|
||||
Round pupils, green iris. Yellow spikes on cheeks, as well as for
|
||||
eyebrows
|
||||
</li>
|
||||
<li>Black horns with slight curve downwards</li>
|
||||
<li>Blue hair, different styles; short style preferred</li>
|
||||
<li>Long, pointy, movable ears</li>
|
||||
<li>Very sharp teeth</li>
|
||||
<li>Tongue with pointy tip</li>
|
||||
</ul>
|
||||
</quick-facts>
|
||||
|
||||
<p>
|
||||
He has round pupils instead of the slit ones typical for reptilians. He
|
||||
has short yellow spikes above his eyes that resemble eyebrows, as well as
|
||||
spikes along the jawline of his cheeks. He has black horns growing out of
|
||||
his head which are mostly straight but slightly curve downwards. His hair
|
||||
is blue and he wears it in varying styles. He has long pointy ears which
|
||||
he can move to determine the origin of sounds around him. He also uses
|
||||
them to express emotion. His teeth are very sharp. In his throat are
|
||||
glands that produce a mixture that allows him to breathe fire. His tongue
|
||||
has a pointy tip.
|
||||
</p>
|
||||
|
||||
<h3>Upper Body</h3>
|
||||
<quick-facts>
|
||||
<ul>
|
||||
<li>Strong upper body, lush pecs, defined abs, black nipples</li>
|
||||
<li>
|
||||
Any muscle mass from athletic to body builder is fine, with a
|
||||
preference towards body builder
|
||||
</li>
|
||||
</ul>
|
||||
</quick-facts>
|
||||
|
||||
<p>
|
||||
Sebin started working out at the age of 17. Being in top shape is very
|
||||
important to him. His favorite workouts are weight-lifting (dumbbells as
|
||||
well as barbells), lat pulldown, leg press, straight arm pulldown and
|
||||
cable pull. He works out three times a week with one day in between
|
||||
workout days for rest, switching body regions each workout day.
|
||||
</p>
|
||||
|
||||
<ref-figure>
|
||||
<template #img>
|
||||
<div>
|
||||
<img
|
||||
src="@/assets/refs/upper-body-ref.jpg"
|
||||
alt="Sebin's upper body closeup"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<template #caption>
|
||||
<label>Sebin's upper body closeup</label>
|
||||
</template>
|
||||
<template #copyright>
|
||||
<a href="https://twitter.com/NidtheDragon">NidtheDragon</a>
|
||||
</template>
|
||||
</ref-figure>
|
||||
|
||||
<p>
|
||||
Sebin is very focused on evenly distributed muscle mass but pays special
|
||||
attention to his back, chest and arms. This is so his fire breath doesn't
|
||||
get weak and he can throw fire projectiles farther. A strong back ensures
|
||||
his wings continue to carry him so he can stay airbourne for extended
|
||||
periods of time.
|
||||
</p>
|
||||
|
||||
<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="nsfw"
|
||||
@change="showWarning()"
|
||||
/>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<ref-gallery>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref12.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://twitter.com/KidRhinoBoy">Chirros</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref1.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://twitter.com/GrisserArt">Grisser</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref2.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://twitter.com/artvalentinapaz">Valentina Paz</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref3.jpg" />
|
||||
<figcaption>
|
||||
By
|
||||
<a href="https://www.furaffinity.net/user/Marsel-Defender">
|
||||
Marsel-Defender
|
||||
</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref4.png" />
|
||||
<figcaption>
|
||||
By
|
||||
<a href="https://www.furaffinity.net/user/sirboburto"> SirBoburto </a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref5.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://twitter.com/MuskyMuffin">SexMuffin</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref6.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://twitter.com/tehknuxlight">Knuxlight</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref7.jpg" />
|
||||
<figcaption>
|
||||
By
|
||||
<a href="https://www.furaffinity.net/user/shonuff44">ShoNuff44</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref8.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref9.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref10.jpg" />
|
||||
<figcaption>
|
||||
By <a href="https://www.furaffinity.net/user/j-cock">j-cock</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="@/assets/refs/muscle/muscle-ref11.jpg" />
|
||||
<figcaption>
|
||||
By
|
||||
<a href="https://www.furaffinity.net/user/Marsel-Defender">
|
||||
Marsel-Defender
|
||||
</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</ref-gallery>
|
||||
|
||||
<h3>Penis</h3>
|
||||
<ref-figure>
|
||||
<template #img>
|
||||
<div>
|
||||
<img
|
||||
src="@/assets/refs/sebin-ref-penis.png"
|
||||
alt="Sebin's manly parts"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<template #caption>
|
||||
<label>Sebin's manly parts</label>
|
||||
</template>
|
||||
<template #copyright>
|
||||
<a href="https://twitter.com/draftgon">draftgon</a>
|
||||
</template>
|
||||
</ref-figure>
|
||||
|
||||
<data-table :dataset="getSebinData.penis" />
|
||||
|
||||
<quick-facts>
|
||||
<ul>
|
||||
<li>Human-shaped with ridges</li>
|
||||
<li>Ring-like sheath surrounding shaft</li>
|
||||
<li>
|
||||
Extends from sheath when erect, lives inside sheath when not erect
|
||||
</li>
|
||||
<li>External balls</li>
|
||||
</ul>
|
||||
</quick-facts>
|
||||
|
||||
<p>
|
||||
Despite his majorly reptilian appearance he has nipples, a feature of the
|
||||
human side of his family, which also shows with his external testicles.
|
||||
Rather than a slit which houses his penis he has a pouch-like sheath, with
|
||||
the tip slightly peeking out of it when not aroused. His penis is mainly
|
||||
humanoid in shape but is surrounded by several ridges. He can take it out
|
||||
of its pouch while it's still soft (e.g. for passing water). When aroused
|
||||
his charcoal black shaft pushes out from the sheath, its base girded by
|
||||
the sheath like a ring.
|
||||
</p>
|
||||
</prose>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Prose from "@/components/Prose.vue";
|
||||
import NsfwSwitch from "@/components/NsfwSwitch.vue";
|
||||
import NsfwWarning from "@/components/NsfwWarning.vue";
|
||||
import RefFigure from "@/components/Figure.vue";
|
||||
import QuickFacts from "@/components/QuickFacts.vue";
|
||||
import DataTable from "@/components/DataTable.vue";
|
||||
import RefGallery from "@/components/Gallery.vue";
|
||||
|
||||
import Sebin from "@/mixins/Sebin.js";
|
||||
import Helper from "@/mixins/Helper.js";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Prose,
|
||||
NsfwSwitch,
|
||||
NsfwWarning,
|
||||
RefFigure,
|
||||
QuickFacts,
|
||||
DataTable,
|
||||
RefGallery,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
nsfw: false,
|
||||
isWarn: false,
|
||||
isConfirmedHorny: false,
|
||||
};
|
||||
},
|
||||
mixins: [Sebin, Helper],
|
||||
methods: {
|
||||
showWarning() {
|
||||
if (!this.isConfirmedHorny) {
|
||||
this.isWarn = true;
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue