Added clothing
This commit is contained in:
parent
48dcc28499
commit
3981fe5cd4
2 changed files with 79 additions and 10 deletions
50
src/App.vue
50
src/App.vue
|
@ -15,14 +15,18 @@
|
||||||
|
|
||||||
<section class="prose">
|
<section class="prose">
|
||||||
<h2>Anatomy</h2>
|
<h2>Anatomy</h2>
|
||||||
<img-p imgPos="left" imgSrc="/img/fullbody-ref.jpg"
|
<p>
|
||||||
>Sebin is a bipedal plantigrade. His body is mostly covered by red
|
<img
|
||||||
|
class="float left"
|
||||||
|
src="/img/fullbody-ref.jpg"
|
||||||
|
alt="Full Body Reference"
|
||||||
|
/>Sebin is a bipedal plantigrade. His body is mostly covered by red
|
||||||
scales with yellow chest plates running from below his chin over his
|
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
|
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
|
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
|
sharp black claws. Brown spikes run along his spine down to the tip of
|
||||||
his tail. His tail is about one meter in length.</img-p
|
his tail. His tail is about one meter in length.
|
||||||
>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
His wing span is around 3-4 meters. He has them closed when on the
|
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
|
ground. His wings function like a second pair of arms, at which ends are
|
||||||
|
@ -42,16 +46,20 @@
|
||||||
throat are glands that produce a mixture that allows him to breathe
|
throat are glands that produce a mixture that allows him to breathe
|
||||||
fire. His tongue has a pointy tip.</img-p
|
fire. His tongue has a pointy tip.</img-p
|
||||||
>
|
>
|
||||||
<img-p imgPos="right" imgSrc="/img/penis-erect-ref.jpg"
|
<p>
|
||||||
>Despite his majorly reptilian appearance he has nipples, a feature of
|
<img
|
||||||
|
class="float right"
|
||||||
|
src="/img/penis-erect-ref.jpg"
|
||||||
|
alt="Penis Reference (Erect)"
|
||||||
|
/>Despite his majorly reptilian appearance he has nipples, a feature of
|
||||||
the human side of his family, which also shows with his external
|
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
|
testicles. Rather than a slit which houses his penis he has a pouch-like
|
||||||
sheath, with the tip slightly peeking out of it. His penis is mainly
|
sheath, with the tip slightly peeking out of it. His penis is mainly
|
||||||
humanoid in shape but is surrounded by several ridges. He can take it
|
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
|
out of its pouch while it's still soft (e.g. for passing water). When
|
||||||
erect his charcoal black shaft protrudes from the pouch, its base girded
|
erect his charcoal black shaft protrudes from the pouch, its base girded
|
||||||
by the sheath like a ring.</img-p
|
by the sheath like a ring.
|
||||||
>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="prose">
|
<section class="prose">
|
||||||
|
@ -92,6 +100,16 @@
|
||||||
bottomless briefs. He is vers, with a preference to top.
|
bottomless briefs. He is vers, with a preference to top.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section class="prose">
|
||||||
|
<h2>Clothing Styles</h2>
|
||||||
|
<template v-for="(style, index) in clothingStyles">
|
||||||
|
<h3 :key="style.name">{{ style.name }}</h3>
|
||||||
|
<ul :key="index">
|
||||||
|
<li v-for="(part, index) in style.clothes" :key="index">{{ part }}</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -120,7 +138,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
|
@ -143,4 +161,18 @@ header {
|
||||||
.prose {
|
.prose {
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.float {
|
||||||
|
max-width: 15em;
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
float: left;
|
||||||
|
margin: 0 1em 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
float: right;
|
||||||
|
margin: 0 0 1em 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -28,7 +28,44 @@ export default {
|
||||||
special: "ridged",
|
special: "ridged",
|
||||||
size: 20, // cm
|
size: 20, // cm
|
||||||
girth: 5 // cm
|
girth: 5 // cm
|
||||||
}
|
},
|
||||||
|
clothingStyles: [
|
||||||
|
{
|
||||||
|
name: "Warm Weather",
|
||||||
|
clothes: [
|
||||||
|
"Loose Tank Top",
|
||||||
|
"Short shorts (knee-long) with dangling bands",
|
||||||
|
"Sweater/Hoodie tied around waist",
|
||||||
|
"Sneakers (Air Jordan style)"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Cold Weather",
|
||||||
|
clothes: [
|
||||||
|
"lorem ipsum dolor sit amet",
|
||||||
|
"lorem ipsum dolor sit amet",
|
||||||
|
"lorem ipsum dolor sit amet",
|
||||||
|
"lorem ipsum dolor sit amet"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Workout",
|
||||||
|
clothes: [
|
||||||
|
"Tight Tank Top",
|
||||||
|
"Fingerless Gloves",
|
||||||
|
"Short Shorts",
|
||||||
|
"(barefoot)"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Lazy Boy Style",
|
||||||
|
clothes: [
|
||||||
|
"(topless)",
|
||||||
|
"tracksuit pants (optional)",
|
||||||
|
"Undies (jockstrap/boxer briefs)"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue