refactor: migrate Anatomy view
This commit is contained in:
Sebin Nyshkim
parent
3a1a5942df
commit
a9b6b815e8
2 changed files with 892 additions and 441 deletions
|
|
@ -1,441 +0,0 @@
|
||||||
<template>
|
|
||||||
<nsfw-warning v-show="$root.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>
|
|
||||||
<h2>Anatomy</h2>
|
|
||||||
|
|
||||||
<ref-figure dropshadow>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
v-if="$root.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>
|
|
||||||
<nsfw-switch
|
|
||||||
id="nsfw-switch"
|
|
||||||
v-model="$root.nsfw"
|
|
||||||
@change="$root.showWarning()"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div>Sebin Full Body Reference</div>
|
|
||||||
</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/draftgon">draftgon</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<data-table class="prose" :dataset="getSebinData.colors" />
|
|
||||||
|
|
||||||
<quick-facts>
|
|
||||||
<ul class="col-2">
|
|
||||||
<li>Bipedal plantigrade</li>
|
|
||||||
<li>Red and yellow scales</li>
|
|
||||||
<li>Yellow scales under chin, torso, underside of tail</li>
|
|
||||||
<li>Athletic to body builder physique</li>
|
|
||||||
<li>Sharp, black claws on fingers and toes</li>
|
|
||||||
<li>Brown blunt spikes running over back and top-side of tail</li>
|
|
||||||
<li>
|
|
||||||
Tail about {{ tailLength / 100 }} meter ({{ toImperial(tailLength) }})
|
|
||||||
in length
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</quick-facts>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
As the offspring of a union between human and dragon, Sebin is a bipedal
|
|
||||||
plantigrade. The majority of his body is covered in red scales. A strip of
|
|
||||||
yellow scales runs from the underside of his jaw, extending down his chest
|
|
||||||
through his legs to the underside of the tip of his tail. The scales on
|
|
||||||
his chest are characterized by a special toughness to better protect vital
|
|
||||||
organs. He also has an athletic to muscular physique that he continuously
|
|
||||||
tends to keep in shape. Finger and toe tips are armed with sharp, black
|
|
||||||
claws, which serve him equally as tools and weapons. Brown spines run from
|
|
||||||
head to spine to tip of tail, though they are too blunt to pose a risk of
|
|
||||||
injury. His tail is about
|
|
||||||
{{ tailLength / 100 }} meters ({{ toImperial(tailLength) }}) in length.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Wings</h3>
|
|
||||||
|
|
||||||
<quick-facts>
|
|
||||||
<ul class="col-2">
|
|
||||||
<li>
|
|
||||||
Wingspan {{ wingspan / 100 }} meters ({{ toImperial(this.wingspan) }})
|
|
||||||
</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>
|
|
||||||
Sebin's wings have a span of about {{ wingspan / 100 }} meters ({{
|
|
||||||
toImperial(this.wingspan)
|
|
||||||
}}). They function very much like a second pair of arms: two
|
|
||||||
interconnected limbs that form a bendable arm, at the end of which sits a
|
|
||||||
hand-like structure, adorned with a talon in exchange for a thumb, with a
|
|
||||||
sturdy membrane stretched between its long fingers. On solid ground, he
|
|
||||||
keeps his wings closed so as not to accidentally bump into anything with
|
|
||||||
them. Sebin also pays a lot of attention to his wings when working out, so
|
|
||||||
that they can keep carrying him reliably through the air. Though, he only
|
|
||||||
travels short to medium distances through the air before he has to take a
|
|
||||||
rest - as long as the airspace in the area has been declared open for wing
|
|
||||||
bearers.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Head</h3>
|
|
||||||
<ref-figure dropshadow>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/sebin-ref-expressions.png"
|
|
||||||
alt="Sebin's Expressions"
|
|
||||||
/>
|
|
||||||
</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 class="col-2">
|
|
||||||
<li>Round pupils, green iris</li>
|
|
||||||
<li>Yellow spikes for eyebrows</li>
|
|
||||||
<li>Yellow spikes on cheeks</li>
|
|
||||||
<li>Black horns with slight curve downwards</li>
|
|
||||||
<li>Blue, medium long hair</li>
|
|
||||||
<li>Long, pointy, movable ears</li>
|
|
||||||
<li>Very sharp teeth</li>
|
|
||||||
<li>Tongue with pointy tip</li>
|
|
||||||
</ul>
|
|
||||||
</quick-facts>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Despite what one might expect with reptilians, Sebin's pupils are rounded
|
|
||||||
instead of slit-shaped. Yellow spikes running above his eyelids serve as
|
|
||||||
eyebrows. These spikes are also found along his jaw bone. Two pointed,
|
|
||||||
slightly curved, black horns protrude from his head. He usually wears his
|
|
||||||
medium-length, blue hair loose. His long, pointed ears are very flexible,
|
|
||||||
allowing him to hear sounds around him without having to turn his head.
|
|
||||||
They are also used for non-verbal communication, to express emotions
|
|
||||||
through body language. His hearing perceives a wider range of frequencies,
|
|
||||||
making it superior to that of a human. His jaws are equipped with
|
|
||||||
razor-sharp teeth that effortlessly sink into anything he manages to bite,
|
|
||||||
be it nourishment or adversaries. Embedded between them lies his tongue,
|
|
||||||
which is typically pointed for reptilians. Glands in his throat produce a
|
|
||||||
mixture which he uses to spit fire, which can reach up to around 100 °C
|
|
||||||
({{ toFahrenheit(100) }} °F).
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Upper Body</h3>
|
|
||||||
<quick-facts>
|
|
||||||
<ul class="col-2">
|
|
||||||
<li>Strong upper body</li>
|
|
||||||
<li>Big pecs</li>
|
|
||||||
<li>Defined abs</li>
|
|
||||||
<li>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>
|
|
||||||
At the age of 17, Sebin gradually began to keep his body in shape on a
|
|
||||||
regular basis. His favorite exercises include weightlifting (with both
|
|
||||||
dumbbells and barbells), lat pulldown, leg press and cable curls. He works
|
|
||||||
out three days a week with one day off between training days, rotating the
|
|
||||||
body regions he trains each day.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/upper-body-ref.jpg"
|
|
||||||
alt="Sebin's upper body closeup"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin's upper body closeup</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/NidtheDragon">NidtheDragon</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Sebin is very concerned with an even distribution of muscle mass, but pays
|
|
||||||
particular attention to his back, chest and arms. A strong chest with
|
|
||||||
strong arms helps to throw fire projectiles as far as possible. A strong
|
|
||||||
back guarantees a longer stay in the air.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Additional Muscle References</h3>
|
|
||||||
|
|
||||||
<ref-gallery>
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref12.jpg"
|
|
||||||
alt="Sebin flexing"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin flexing</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/KidRhinoBoy">Chirros</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder nsfw id="nsfw-switch-grisser">
|
|
||||||
<template #img>
|
|
||||||
<img src="@/assets/refs/muscle/muscle-ref1.jpg" alt="Sebin beckons" />
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin beckons</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/GrisserArt">Grisser</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref2.jpg"
|
|
||||||
alt="Sebin jamming out to some tunes"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin jamming out to some tunes</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/artvalentinapaz">Valentina Paz</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img src="@/assets/refs/muscle/muscle-ref3.jpg" alt="Sebin flexing" />
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin flexing</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://www.furaffinity.net/user/Marsel-Defender">
|
|
||||||
Marsel-Defender
|
|
||||||
</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref4.png"
|
|
||||||
alt="Sebin giving you the bedroom eyes"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin giving you the bedroom eyes</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://www.furaffinity.net/user/sirboburto">SirBoburto</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref5.jpg"
|
|
||||||
alt="Sebin bulging out"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin bulging out</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/MuskyMuffin">SexMuffin</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder nsfw id="nsfw-switch-knuxlight">
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref6.jpg"
|
|
||||||
alt="Sebin showing you his rings"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin showing you his rings</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://twitter.com/tehknuxlight">Knuxlight</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref7.jpg"
|
|
||||||
alt="Sebin ready to throw down"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin ready to throw down</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://www.furaffinity.net/user/shonuff44">ShoNuff44</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
|
|
||||||
<ref-figure polaroidBorder>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/muscle/muscle-ref8.jpg"
|
|
||||||
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 #caption>
|
|
||||||
Sebin sporting the construction worker look
|
|
||||||
</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-ref11.jpg"
|
|
||||||
alt="Sebin lifting weights"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #caption>Sebin lifting weights</template>
|
|
||||||
<template #copyright>
|
|
||||||
<a href="https://www.furaffinity.net/user/Marsel-Defender">
|
|
||||||
Marsel-Defender
|
|
||||||
</a>
|
|
||||||
</template>
|
|
||||||
</ref-figure>
|
|
||||||
</ref-gallery>
|
|
||||||
|
|
||||||
<template v-if="$root.nsfw">
|
|
||||||
<h3>Penis</h3>
|
|
||||||
<ref-figure dropshadow>
|
|
||||||
<template #img>
|
|
||||||
<img
|
|
||||||
src="@/assets/refs/sebin-ref-penis.png"
|
|
||||||
alt="Sebin's manly parts"
|
|
||||||
/>
|
|
||||||
</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 class="col-2">
|
|
||||||
<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 reptilian appearance, Sebin has nipples, a feature of the
|
|
||||||
human side of his family. Furthermore, his external testicles represent
|
|
||||||
another humanized feature. Where relatives of his ilk possess a slit in
|
|
||||||
which the penis lies protectively, Sebin possesses a pouch-like sheath
|
|
||||||
from which the tip of the penis protrudes slightly. The shape of his
|
|
||||||
shaft is predominantly humanoid, but it is surrounded by ridges and has
|
|
||||||
no equivalent of a foreskin. When aroused, the coal-black shaft swells
|
|
||||||
and pushes out of the sheath until fully erect, the sheath wrapping
|
|
||||||
around the root of the shaft like a ring. However, he can also push it
|
|
||||||
out in a flaccid state, e.g. when needing to pass water.
|
|
||||||
</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>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<nsfw-switch
|
|
||||||
id="nsfw-switch-manlybits"
|
|
||||||
v-model="$root.nsfw"
|
|
||||||
@change="$root.showWarning()"
|
|
||||||
/>
|
|
||||||
</p>
|
|
||||||
</template>
|
|
||||||
</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,
|
|
||||||
},
|
|
||||||
mixins: [Sebin, Helper],
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
892
src/views/AnatomyView.vue
Normal file
892
src/views/AnatomyView.vue
Normal file
|
|
@ -0,0 +1,892 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { inject } from "vue";
|
||||||
|
import { isWarnKey, nsfwKey, showModalKey } from "@/keys";
|
||||||
|
import type { ColorDict } from "@/interfaces";
|
||||||
|
import { tailLength, wingspan, penis, colors } from "@/sebin";
|
||||||
|
import { toImperial, toFahrenheit } from "@/helpers";
|
||||||
|
import RefToggle from "@/components/RefToggle.vue";
|
||||||
|
import RefModal from "@/components/RefModal.vue";
|
||||||
|
import RefGallery from "@/components/RefGallery.vue";
|
||||||
|
import RefFigure from "@/components/RefFigure.vue";
|
||||||
|
import ColorTable from "@/components/ColorTable.vue";
|
||||||
|
import DataTable from "@/components/DataTable.vue";
|
||||||
|
import QuickFacts from "@/components/QuickFacts.vue";
|
||||||
|
|
||||||
|
const sebinColors: ColorDict[] = [
|
||||||
|
{ name: "Scales", value: colors.scalesPrimary },
|
||||||
|
{ name: "Chest, Wings (front)", value: colors.scalesSecondary },
|
||||||
|
{ name: "Hair", value: colors.hairPrimary },
|
||||||
|
{ name: "Hair Streaks (optional)", value: colors.hairSecondary },
|
||||||
|
{ name: "Eyes", value: colors.eyes },
|
||||||
|
{ name: "Facial Spikes", value: colors.eyebrows },
|
||||||
|
{ name: "Horns/Claws/Nipples", value: colors.horns },
|
||||||
|
{ name: "Tail Spikes", value: colors.tailspikes },
|
||||||
|
];
|
||||||
|
|
||||||
|
const sebinPenisHeadings = ["Key", "Value"];
|
||||||
|
const sebinPenisData = [
|
||||||
|
["Shape", penis.shape],
|
||||||
|
["Type", penis.type],
|
||||||
|
["Special Traits", penis.special],
|
||||||
|
["Color", colors.penis],
|
||||||
|
["Length", `${penis.size} cm (${toImperial(penis.size)})`],
|
||||||
|
["Girth", `${penis.girth} cm (${toImperial(penis.girth)})`],
|
||||||
|
];
|
||||||
|
|
||||||
|
const isNsfw = inject<boolean>(nsfwKey, false);
|
||||||
|
const isWarn = inject<boolean>(isWarnKey, false);
|
||||||
|
const showModal = inject<Function>(showModalKey, Function);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<RefModal 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>
|
||||||
|
</RefModal>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h1>{{ $route.name }}</h1>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<RefFigure id="sebin-fullbody-ref" dropshadow>
|
||||||
|
<!-- max 3360px -->
|
||||||
|
<template #img>
|
||||||
|
<picture v-if="isNsfw">
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-body-NSFW.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;2880;3240;3360&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-body-NSFW.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;2880;3240;3360&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-body-NSFW.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;2880;3240;3360&png&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
alt="Sebin Full Body Ref"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
<picture v-else>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-body-SFW.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;2880;3240;3360&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-body-SFW.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;2880;3240;3360&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-body-SFW.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;2880;3240;3360&png&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
alt="Sebin Full Body Ref"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #caption>
|
||||||
|
<RefToggle
|
||||||
|
id="sebin-fullbody-ref"
|
||||||
|
v-model="isNsfw"
|
||||||
|
@click.prevent="showModal()"
|
||||||
|
>
|
||||||
|
<template #off>😇</template>
|
||||||
|
<template #on>😈</template>
|
||||||
|
</RefToggle>
|
||||||
|
|
||||||
|
<div>Sebin Full Body Reference</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/Sr_Draftgon">draftgon</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<ColorTable :colors="sebinColors" />
|
||||||
|
|
||||||
|
<QuickFacts>
|
||||||
|
<ul class="col-2">
|
||||||
|
<li>Bipedal plantigrade</li>
|
||||||
|
<li>Red and yellow scales</li>
|
||||||
|
<li>Yellow scales under chin, torso, underside of tail</li>
|
||||||
|
<li>Athletic to body builder physique</li>
|
||||||
|
<li>Sharp, black claws on fingers and toes</li>
|
||||||
|
<li>Brown blunt spikes running over back and top-side of tail</li>
|
||||||
|
<li>
|
||||||
|
Tail about {{ tailLength / 100 }} meter ({{ toImperial(tailLength) }})
|
||||||
|
in length
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</QuickFacts>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
As the offspring of a union between human and dragon, Sebin is a bipedal
|
||||||
|
plantigrade. The majority of his body is covered in red scales. A strip of
|
||||||
|
yellow scales runs from the underside of his jaw, extending down his chest
|
||||||
|
through his legs to the underside of the tip of his tail. The scales on
|
||||||
|
his chest are characterized by a special toughness to better protect vital
|
||||||
|
organs. He also has an athletic to muscular physique that he continuously
|
||||||
|
tends to keep in shape. Finger and toe tips are armed with sharp, black
|
||||||
|
claws, which serve him equally as tools and weapons. Brown spines run from
|
||||||
|
head to spine to tip of tail, though they are too blunt to pose a risk of
|
||||||
|
injury. His tail is about
|
||||||
|
{{ tailLength / 100 }} meters ({{ toImperial(tailLength) }}) in length.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Wings</h2>
|
||||||
|
|
||||||
|
<QuickFacts>
|
||||||
|
<ul class="col-2">
|
||||||
|
<li>
|
||||||
|
Wingspan {{ wingspan / 100 }} meters ({{ toImperial(wingspan) }})
|
||||||
|
</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>
|
||||||
|
</QuickFacts>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sebin's wings have a span of about {{ wingspan / 100 }} meters ({{
|
||||||
|
toImperial(wingspan)
|
||||||
|
}}). They function very much like a second pair of arms: two
|
||||||
|
interconnected limbs that form a bendable arm, at the end of which sits a
|
||||||
|
hand-like structure, adorned with a talon in exchange for a thumb, with a
|
||||||
|
sturdy membrane stretched between its long fingers. On solid ground, he
|
||||||
|
keeps his wings closed so as not to accidentally bump into anything with
|
||||||
|
them. Sebin also pays a lot of attention to his wings when working out, so
|
||||||
|
that they can keep carrying him reliably through the air. Though, he only
|
||||||
|
travels short to medium distances through the air before he has to take a
|
||||||
|
rest - as long as the airspace in the area has been declared open for wing
|
||||||
|
bearers.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Head</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<RefFigure id="sebin-expressions" dropshadow>
|
||||||
|
<!-- max 2702px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-expressions.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-expressions.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-expressions.png?w=480;720;1080;1280;1440;1600;1920;2240;960;2160;2560;0&png&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 2240px,
|
||||||
|
(min-width: 100em) 1920px,
|
||||||
|
(min-width: 90em) 1600px,
|
||||||
|
(min-width: 80em) 1440px,
|
||||||
|
(min-width: 67.5em) 1280px,
|
||||||
|
(min-width: 45em) 1080px,
|
||||||
|
(min-width: 30em) 720px,
|
||||||
|
480px"
|
||||||
|
alt="Sebin's Expressions"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin's Expressions</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/Sr_Draftgon">draftgon</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<QuickFacts>
|
||||||
|
<ul class="col-2">
|
||||||
|
<li>Round pupils, green iris</li>
|
||||||
|
<li>Yellow spikes for eyebrows</li>
|
||||||
|
<li>Yellow spikes on cheeks</li>
|
||||||
|
<li>Black horns with slight curve downwards</li>
|
||||||
|
<li>Blue, medium long hair</li>
|
||||||
|
<li>Long, pointy, movable ears</li>
|
||||||
|
<li>Very sharp teeth</li>
|
||||||
|
<li>Tongue with pointy tip</li>
|
||||||
|
</ul>
|
||||||
|
</QuickFacts>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Despite what one might expect with reptilians, Sebin's pupils are rounded
|
||||||
|
instead of slit-shaped. Yellow spikes running above his eyelids serve as
|
||||||
|
eyebrows. These spikes are also found along his jaw bone. Two pointed,
|
||||||
|
slightly curved, black horns protrude from his head. He usually wears his
|
||||||
|
medium-length, blue hair loose. His long, pointed ears are very flexible,
|
||||||
|
allowing him to hear sounds around him without having to turn his head.
|
||||||
|
They are also used for non-verbal communication, to express emotions
|
||||||
|
through body language. His hearing perceives a wider range of frequencies,
|
||||||
|
making it superior to that of a human. His jaws are equipped with
|
||||||
|
razor-sharp teeth that effortlessly sink into anything he manages to bite,
|
||||||
|
be it nourishment or adversaries. Embedded between them lies his tongue,
|
||||||
|
which is typically pointed for reptilians. Glands in his throat produce a
|
||||||
|
mixture which he uses to spit fire, which can reach up to around 100 °C
|
||||||
|
({{ toFahrenheit(100) }} °F).
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Upper Body</h2>
|
||||||
|
|
||||||
|
<QuickFacts>
|
||||||
|
<ul class="col-2">
|
||||||
|
<li>Strong upper body</li>
|
||||||
|
<li>Big pecs</li>
|
||||||
|
<li>Defined abs</li>
|
||||||
|
<li>Black nipples</li>
|
||||||
|
<li>
|
||||||
|
Any muscle mass from athletic to body builder is fine, with a
|
||||||
|
preference towards body builder
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</QuickFacts>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
At the age of 17, Sebin gradually began to keep his body in shape on a
|
||||||
|
regular basis. His favorite exercises include weightlifting (with both
|
||||||
|
dumbbells and barbells), lat pulldown, leg press and cable curls. He works
|
||||||
|
out three days a week with one day off between training days, rotating the
|
||||||
|
body regions he trains each day.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<RefFigure id="sebin-upper-body-ref" polaroidBorder>
|
||||||
|
<!-- max 3617px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/upper-body-ref.png?w=400;500;600;700;800;1000;1200;1500;1800&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/upper-body-ref.png?w=400;500;600;700;800;1000;1200;1500;1800&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/upper-body-ref.png?w=400;500;600;700;800;1000;1200;1500;1800&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
alt="Sebin's upper body closeup"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin's upper body closeup</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/NidtheDragon">NidtheDragon</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Sebin is very concerned with an even distribution of muscle mass, but pays
|
||||||
|
particular attention to his back, chest and arms. A strong chest with
|
||||||
|
strong arms helps to throw fire projectiles as far as possible. A strong
|
||||||
|
back guarantees a longer stay in the air.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Additional Muscle References</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<RefGallery>
|
||||||
|
<RefFigure id="sebin-muscle-ref12" polaroidBorder>
|
||||||
|
<!-- max 1964px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref12.png?w=290;640;770;900;580;1280;1540;1800;870;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 900px, (min-width: 80em) 770px, (min-width: 35em) 640px, 290px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref12.png?w=290;640;770;900;580;1280;1540;1800;870;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 900px, (min-width: 80em) 770px, (min-width: 35em) 640px, 290px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref12.png?w=290;640;770;900;580;1280;1540;1800;870;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 900px, (min-width: 80em) 770px, (min-width: 35em) 640px, 290px"
|
||||||
|
alt="Sebin flexing"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin flexing</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/KidRhinoBoy">Chirros</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref1" polaroidBorder nsfw>
|
||||||
|
<!-- max 2480px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref1.png?w=400;500;600;700;800;1000;1200;1400;1500;1800;2100&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref1.png?w=400;500;600;700;800;1000;1200;1400;1500;1800;2100&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref1.png?w=400;500;600;700;800;1000;1200;1400;1500;1800;2100&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
alt="Sebin beckons"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin beckons</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/GrisserArt">Grisser</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref2" polaroidBorder>
|
||||||
|
<!-- max 2953px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref2.png?w=415;625;750;875;1250;1500;1750;1875;2250;2625&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 875px, (min-width: 80em) 750px, (min-width: 35em) 625px, 415px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref2.png?w=415;625;750;875;1250;1500;1750;1875;2250;2625&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 875px, (min-width: 80em) 750px, (min-width: 35em) 625px, 415px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref2.png?w=415;625;750;875;1250;1500;1750;1875;2250;2625&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 875px, (min-width: 80em) 750px, (min-width: 35em) 625px, 415px"
|
||||||
|
alt="Sebin jamming out to some tunes"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin jamming out to some tunes</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/artvalentinapaz">Valentina Paz</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref3" polaroidBorder>
|
||||||
|
<!-- max 4961px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref3.png?w=400;500;600;700;800;1000;1200;1400;1500;1800;2100&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref3.png?w=400;500;600;700;800;1000;1200;1400;1500;1800;2100&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref3.png?w=400;500;600;700;800;1000;1200;1400;1500;1800;2100&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 700px, (min-width: 80em) 600px, (min-width: 35em) 500px, 400px"
|
||||||
|
alt="Sebin flexing"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin flexing</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://www.furaffinity.net/user/Marsel-Defender">
|
||||||
|
Marsel-Defender
|
||||||
|
</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref4" polaroidBorder nsfw>
|
||||||
|
<!-- max 3000px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref4.png?w=400;700;840;980;800;1400;1680;1960;1200;2100;2520;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 980px, (min-width: 80em) 840px, (min-width: 35em) 700px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref4.png?w=400;700;840;980;800;1400;1680;1960;1200;2100;2520;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 980px, (min-width: 80em) 840px, (min-width: 35em) 700px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref4.png?w=400;700;840;980;800;1400;1680;1960;1200;2100;2520;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 980px, (min-width: 80em) 840px, (min-width: 35em) 700px, 400px"
|
||||||
|
alt="Sebin soaping up"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin soaping up</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/O_reowoof">(o)reo</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref5" polaroidBorder nsfw>
|
||||||
|
<!-- max 2000px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref5.jpg?w=415;525;630;735;830;1050;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 735px, (min-width: 80em) 630px, (min-width: 35em) 525px, 415px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref5.jpg?w=415;525;630;735;830;1050;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 735px, (min-width: 80em) 630px, (min-width: 35em) 525px, 415px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref5.jpg?w=415;525;630;735;830;1050;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 735px, (min-width: 80em) 630px, (min-width: 35em) 525px, 415px"
|
||||||
|
alt="Sebin bulging out"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin bulging out</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://www.furaffinity.net/user/sexmuffin">SexMuffin</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref6" polaroidBorder nsfw>
|
||||||
|
<!-- max 1500px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref6.png?w=400;545;655;765;800;1090;1310;1200;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 765px, (min-width: 80em) 655px, (min-width: 35em) 545px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref6.png?w=400;545;655;765;800;1090;1310;1200;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 765px, (min-width: 80em) 655px, (min-width: 35em) 545px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref6.png?w=400;545;655;765;800;1090;1310;1200;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 765px, (min-width: 80em) 655px, (min-width: 35em) 545px, 400px"
|
||||||
|
alt="Sebin showing you his rings"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin showing you his rings</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/tehknuxlight">Knuxlight</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref7" polaroidBorder>
|
||||||
|
<!-- max 1240px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref7.tiff?w=415;995;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 1240px, (min-width: 80em) 1190px, (min-width: 35em) 995px, 415px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref7.tiff?w=415;995;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 1240px, (min-width: 80em) 1190px, (min-width: 35em) 992px, 415px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref7.tiff?w=415;995;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 1240px, (min-width: 80em) 1190px, (min-width: 35em) 992px, 415px"
|
||||||
|
alt="Sebin ready to throw down"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin ready to throw down</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://www.furaffinity.net/user/shonuff44">ShoNuff44</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref8" polaroidBorder>
|
||||||
|
<!-- max 1245px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref8.png?w=415;1000;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 80em) 1200px, (min-width: 35em) 1000px, 415px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref8.png?w=415;1000;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 80em) 1200px, (min-width: 35em) 1000px, 415px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref8.png?w=415;1000;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 80em) 1200px, (min-width: 35em) 1000px, 415px"
|
||||||
|
alt="Sebin looking aloof (but chill)"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin looking aloof (but chill)</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/UsurpThem">Usurp</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref9" polaroidBorder>
|
||||||
|
<!-- max 2550px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref9.jpg?w=400;735;880;1120;800;1470;1760;2240;1200;2205;0&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 1120px, (min-width: 80em) 880px, (min-width: 35em) 735px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref9.jpg?w=400;735;880;1120;800;1470;1760;2240;1200;2205;0&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 1120px, (min-width: 80em) 880px, (min-width: 35em) 735px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref9.jpg?w=400;735;880;1120;800;1470;1760;2240;1200;2205;0&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 1120px, (min-width: 80em) 880px, (min-width: 35em) 735px, 400px"
|
||||||
|
alt="Sebin getting out of the pool"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</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>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref10" polaroidBorder nsfw>
|
||||||
|
<!-- max 2421px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref10.jpg?w=380;425;510;600;760;850;1020;1200;1140;1275;1530;1800&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 600px, (min-width: 80em) 510px, (min-width: 35em) 425px, 380px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref10.jpg?w=380;425;510;600;760;850;1020;1200;1140;1275;1530;1800&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 600px, (min-width: 80em) 510px, (min-width: 35em) 425px, 380px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref10.jpg?w=380;425;510;600;760;850;1020;1200;1140;1275;1530;1800&jpg&quality=95&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 600px, (min-width: 80em) 510px, (min-width: 35em) 425px, 380px"
|
||||||
|
alt="Sebin getting frisky on the train"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption> Sebin getting frisky on the train </template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/Wintech3112">Winty</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
<RefFigure id="sebin-muscle-ref11" polaroidBorder>
|
||||||
|
<!-- max 3184px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref11.png?w=400;545;655;765;800;1090;1210;1530;1200;1635;1965;2295&avif&quality=75&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 765px, (min-width: 80em) 655px, (min-width: 35em) 545px, 400px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref11.png?w=400;545;655;765;800;1090;1210;1530;1200;1635;1965;2295&webp&quality=100&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 765px, (min-width: 80em) 655px, (min-width: 35em) 545px, 400px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/muscle/muscle-ref11.png?w=400;545;655;765;800;1090;1210;1530;1200;1635;1965;2295&png&withoutEnlargement&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 120em) 765px, (min-width: 80em) 655px, (min-width: 35em) 545px, 400px"
|
||||||
|
alt="Sebin getting ready to lift"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>Sebin getting ready to lift</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/EdaMonstr"> Eda </a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
</RefGallery>
|
||||||
|
|
||||||
|
<template v-if="isNsfw">
|
||||||
|
<section>
|
||||||
|
<h2>Penis</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<RefFigure id="sebin-penis-ref" dropshadow>
|
||||||
|
<!-- max 1155px -->
|
||||||
|
<template #img>
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-penis.png?w=480;720;0&avif&quality=75&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 45em) 1155px, (min-width: 30em) 720px, 480px"
|
||||||
|
type="image/avif"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
srcset="
|
||||||
|
@/assets/refs/sebin-ref-penis.png?w=480;720;0&webp&quality=100&srcset
|
||||||
|
"
|
||||||
|
sizes="(min-width: 45em) 1155px, (min-width: 30em) 720px, 480px"
|
||||||
|
type="image/webp"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
srcset="@/assets/refs/sebin-ref-penis.png?w=480;720;0&png&srcset"
|
||||||
|
sizes="(min-width: 45em) 1155px, (min-width: 30em) 720px, 480px"
|
||||||
|
alt="Sebin's manly parts"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</picture>
|
||||||
|
</template>
|
||||||
|
<template #caption>
|
||||||
|
<label>Sebin's manly parts</label>
|
||||||
|
</template>
|
||||||
|
<template #copyright>
|
||||||
|
<a href="https://twitter.com/Sr_Draftgon">draftgon</a>
|
||||||
|
</template>
|
||||||
|
</RefFigure>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<DataTable :headings="sebinPenisHeadings" :data="sebinPenisData" />
|
||||||
|
|
||||||
|
<QuickFacts>
|
||||||
|
<ul class="col-2">
|
||||||
|
<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>
|
||||||
|
</QuickFacts>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Despite his reptilian appearance, Sebin has nipples, a feature of the
|
||||||
|
human side of his family. Furthermore, his external testicles represent
|
||||||
|
another humanized feature. Where relatives of his ilk possess a slit in
|
||||||
|
which the penis lies protectively, Sebin possesses a pouch-like sheath
|
||||||
|
from which the tip of the penis protrudes slightly. The shape of his
|
||||||
|
shaft is predominantly humanoid, but it is surrounded by ridges and has
|
||||||
|
no equivalent of a foreskin. When aroused, the coal-black shaft swells
|
||||||
|
and pushes out of the sheath until fully erect, the sheath wrapping
|
||||||
|
around the root of the shaft like a ring. However, he can also push it
|
||||||
|
out in a flaccid state, e.g. when needing to pass water.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-else>
|
||||||
|
<section>
|
||||||
|
<h2>But, wait! There's more...</h2>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<RefToggle
|
||||||
|
id="sebin-manly-bits"
|
||||||
|
v-model="isNsfw"
|
||||||
|
@click.prevent="showModal()"
|
||||||
|
>
|
||||||
|
<template #off>😇</template>
|
||||||
|
<template #on>😈</template>
|
||||||
|
</RefToggle>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss"></style>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue