diff --git a/src/assets/refs/clothes/lazy/fullbody.png b/src/assets/refs/clothes/lazy/fullbody.png
new file mode 100644
index 0000000..e0eac9b
Binary files /dev/null and b/src/assets/refs/clothes/lazy/fullbody.png differ
diff --git a/src/assets/refs/clothes/lazy/pants.jpg b/src/assets/refs/clothes/lazy/pants.jpg
deleted file mode 100644
index 0eac5af..0000000
Binary files a/src/assets/refs/clothes/lazy/pants.jpg and /dev/null differ
diff --git a/src/assets/refs/clothes/lazy/undies.jpg b/src/assets/refs/clothes/lazy/undies.jpg
deleted file mode 100644
index 72314b1..0000000
Binary files a/src/assets/refs/clothes/lazy/undies.jpg and /dev/null differ
diff --git a/src/assets/refs/clothes/lazy/undies.png b/src/assets/refs/clothes/lazy/undies.png
new file mode 100644
index 0000000..f230c12
Binary files /dev/null and b/src/assets/refs/clothes/lazy/undies.png differ
diff --git a/src/components/FilterButton.vue b/src/components/FilterButton.vue
new file mode 100644
index 0000000..f040486
--- /dev/null
+++ b/src/components/FilterButton.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
diff --git a/src/components/FilterListTag.vue b/src/components/FilterListTag.vue
new file mode 100644
index 0000000..1c6acee
--- /dev/null
+++ b/src/components/FilterListTag.vue
@@ -0,0 +1,77 @@
+
+
+
+
+ {{ type }}
+
+
+
+
diff --git a/src/components/FilteredList.vue b/src/components/FilteredList.vue
new file mode 100644
index 0000000..f570fe9
--- /dev/null
+++ b/src/components/FilteredList.vue
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/RefFigure.vue b/src/components/RefFigure.vue
index f8e9ec5..e6b752f 100644
--- a/src/components/RefFigure.vue
+++ b/src/components/RefFigure.vue
@@ -4,6 +4,7 @@ import { nsfwKey, showModalKey } from '@/keys'
import RefToggle from '@/components/RefToggle.vue'
interface Props {
+ cornerText?: boolean
polaroidBorder?: boolean
dropshadow?: boolean
nsfw?: boolean
@@ -18,7 +19,13 @@ defineProps
+
+
+
+
+
+ -
+
-
+
+ + {{ item.name }} + + + +
+
Select one of the categories above
+ +
+
()
-
-
+
+
-
-
-
+
+
@@ -93,6 +96,40 @@ defineProps()
}
}
+ &__border--cornertext {
+ position: relative;
+ }
+
+ &__border--cornertext img,
+ &__border--cornertext &__cencor {
+ margin: 1rem 0;
+ border-radius: 1rem;
+ filter: drop-shadow(0 0 0.625rem black);
+ }
+
+ &__border--cornertext &__meta {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+
+ background-color: rgba(0, 0, 0, 0.7);
+
+ font-size: 0.75rem;
+
+ margin: 0 0 1.35rem 0;
+ border-radius: 1em 0 1rem 0;
+ padding: 0.25rem 0.75rem;
+
+ .caption,
+ .copyright {
+ display: inline;
+ }
+
+ .caption {
+ margin: 0 0.125rem 0 0;
+ }
+ }
+
&__border--polaroid &__meta {
font-family: 'Permanent Marker', fantasy;
color: var(--color-figure-polaroid-text);
diff --git a/src/components/RefToggle.vue b/src/components/RefToggle.vue
index 5468843..06f7a6f 100644
--- a/src/components/RefToggle.vue
+++ b/src/components/RefToggle.vue
@@ -7,8 +7,12 @@ interface Props {
name?: string
}
+interface Emits {
+ (e: 'update:modelValue', value: boolean): void
+}
+
const props = defineProps()
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits()
const checked = computed({
get() {
diff --git a/src/components/WelcomeHeader.vue b/src/components/WelcomeHeader.vue
index 52f6ce3..a870d50 100644
--- a/src/components/WelcomeHeader.vue
+++ b/src/components/WelcomeHeader.vue
@@ -5,21 +5,21 @@
![Sebin Avatar]()
![Sebin Fire Breath]()
![Sebin Fire Breath]()
![Sebin Kindled Fist]()
![Sebin Burning Twister]()
(showModalKey, Function)
+
![Sebin's upper body closeup]()
(showModalKey, Function)
-
+
![Sebin flexing]()
(showModalKey, Function)
Chirros
-
+
![Sebin beckons]()
(showModalKey, Function)
Grisser
-
+
![Sebin jamming out to some tunes]()
(showModalKey, Function)
Valentina Paz
-
+
![Sebin flexing]()
(showModalKey, Function)
Marsel-Defender
-
+
![Sebin soaping up]()
(showModalKey, Function)
(o)reo
-
+
![Sebin bulging out]()
(showModalKey, Function)
SexMuffin
-
+
![Sebin showing you his rings]()
(showModalKey, Function)
Knuxlight
-
+
![Sebin ready to throw down]()
(showModalKey, Function)
ShoNuff44
-
+
![Sebin looking aloof (but chill)]()
(showModalKey, Function)
Usurp
-
+
![Sebin getting out of the pool]()
(showModalKey, Function)
j-cock
-
+
![Sebin getting frisky on the train]()
(showModalKey, Function)
Winty
-
+
![Sebin getting ready to lift]()
(showModalKey, Function)
![Sebin's manly parts]()
-
+
![Sebin in his casual outfit]()
-
-
-
+
![Sebin in his cold weather outfit]()
-
-
-
+
![Sebin in his workout outfit (fullbody)]()
-
-
-
+
![Sebin in his workout outfit (close-up)]()
-
-
-
-
+
+
![Tracksuit pants]()
-
-
-
-
+
+
![Shorts]()
-
-
diff --git a/src/views/GeneralView.vue b/src/views/GeneralView.vue
index 486e089..1e196f0 100644
--- a/src/views/GeneralView.vue
+++ b/src/views/GeneralView.vue
@@ -17,10 +17,10 @@ import {
} from '@/sebin'
import { dateFormat, getAge, toImperial, toLbs } from '@/helpers'
import { nsfwKey, showModalKey } from '@/keys'
-import type { Kink } from '@/interfaces'
import DataTable from '@/components/DataTable.vue'
import QuickFacts from '@/components/QuickFacts.vue'
import RefToggle from '@/components/RefToggle.vue'
+import FilteredList from '@/components/FilteredList.vue'
const generalHeadings = ['Key', 'Value']
const generalData = [
@@ -39,14 +39,6 @@ const nsfwData = [
['Position', position]
]
-const kinksHeadings = ['Kink', 'Receive', 'Give']
-const kinksData = kinks.map((kink: Kink): string[] => {
- const receive = kink.receive ? '✅' : '🚫'
- const give = kink.give ? '✅' : '🚫'
-
- return [kink.name, receive, give]
-})
-
const isNsfw = inject(nsfwKey, false)
const showModal = inject(showModalKey, Function)
@@ -197,7 +189,9 @@ const showModal = inject(showModalKey, Function)
wants it. After all he is well endowed enough to peddle it around.
-
diff --git a/src/views/OverdriveView.vue b/src/views/OverdriveView.vue
index 5f5bbfc..ff8ecd2 100644
--- a/src/views/OverdriveView.vue
+++ b/src/views/OverdriveView.vue
@@ -9,27 +9,27 @@ import RefFigure from '@/components/RefFigure.vue'
+
©
- 😳 2 hot 4 u 🍆
- -
Sebin in his casual outfit
-Black tank top, flannell shirt, shorts (w/ dangling bands), sneakers
- + Sebin in his casual outfit coffeerelatedSebin in his cold weather outfit
-Winter coat, scarf, zip hoodie, jeans, winter boots
- + Sebin in his cold weather outfit Lara BelémSebin in his workout outfit
-- Full body: Snapback hat, tank top, fingerless gloves, shorts, sneakers -
- + Sebin in his workout outfit (full body) AtlasSebin in his workout outfit
-- Close-up: Snapback hat, headphones, tank top, fingerless gloves, shorts, - smartwatch -
- + Sebin in his workout outfit (close-up) ReiTracksuit pants
-- Sebin likes to wear comfortable clothes at home when he doesn't need to leave the house or - is enjoying some leisure time after work or on weekends. -
- + Sebin in leisure tracksuit pants - + + Leolynx +
Topless w/ jockstrap/boxer briefs
-- For even more comfort, Sebin tends to forgoe pants completely and save on laundry by only - wearing the absolute necessary. -
- + Sebin in his favorite boxers - + + Retroslime69 +