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

style: run linter

Browse source
This commit is contained in:
Sebin Nyshkim 2023-04-03 00:55:28 +02:00
parent de3862bf77
commit 4853e1ec63
26 changed files with 502 additions and 631 deletions
Download patch file Download diff file Expand all files Collapse all files

201
src/views/AnatomyView.vue
View file

@ -1,39 +1,39 @@
<script setup lang="ts">
import { inject } from "vue";
import { 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 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";
import { inject } from 'vue'
import { 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 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 },
];
{ 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 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)})`],
];
['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 showModal = inject<Function>(showModalKey, Function);
const isNsfw = inject<boolean>(nsfwKey, false)
const showModal = inject<Function>(showModalKey, Function)
</script>
<template>
@ -137,11 +137,7 @@ const showModal = inject<Function>(showModalKey, Function);
</template>
<template #caption>
<RefToggle
id="sebin-fullbody-ref"
v-model="isNsfw"
@click.prevent="showModal()"
>
<RefToggle id="sebin-fullbody-ref" v-model="isNsfw" @click.prevent="showModal()">
<template #off>😇</template>
<template #on>😈</template>
</RefToggle>
@ -165,24 +161,19 @@ const showModal = inject<Function>(showModalKey, Function);
<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>
<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
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>
@ -192,9 +183,7 @@ const showModal = inject<Function>(showModalKey, Function);
<QuickFacts :cols="2">
<ul>
<li>
Wingspan {{ wingspan / 100 }} meters ({{ toImperial(wingspan) }})
</li>
<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>
@ -202,17 +191,14 @@ const showModal = inject<Function>(showModalKey, Function);
</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
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>
@ -291,20 +277,17 @@ const showModal = inject<Function>(showModalKey, Function);
</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).
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>
@ -318,18 +301,17 @@ const showModal = inject<Function>(showModalKey, Function);
<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
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.
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>
@ -369,10 +351,9 @@ const showModal = inject<Function>(showModalKey, Function);
<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.
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>
@ -510,9 +491,7 @@ const showModal = inject<Function>(showModalKey, Function);
</template>
<template #caption>Sebin flexing</template>
<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>
</RefFigure>
<RefFigure id="sebin-muscle-ref4" polaroidBorder nsfw>
@ -791,16 +770,12 @@ const showModal = inject<Function>(showModalKey, Function);
<template #img>
<picture>
<source
srcset="
@/assets/refs/sebin-ref-penis.png?w=480;720;0&avif&quality=75&srcset
"
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
"
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"
/>
@ -827,24 +802,20 @@ const showModal = inject<Function>(showModalKey, Function);
<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>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.
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>
@ -854,16 +825,12 @@ const showModal = inject<Function>(showModalKey, Function);
<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!!
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()"
>
<RefToggle id="sebin-manly-bits" v-model="isNsfw" @click.prevent="showModal()">
<template #off>😇</template>
<template #on>😈</template>
</RefToggle>