From 2c4c07441bdd168fd44a36329659bc8f45a8588b Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:44:42 +0100 Subject: [PATCH 01/75] fix: update meta tag URLs --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 9331447..a95873f 100644 --- a/index.html +++ b/index.html @@ -15,12 +15,12 @@ - + - - + + From c77854667bb98529eb1726c8e5be0797f8cf4b2f Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:45:14 +0100 Subject: [PATCH 02/75] feat: add debounce function --- src/helpers.ts | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/helpers.ts b/src/helpers.ts index f5b35be..4555b16 100644 --- a/src/helpers.ts +++ b/src/helpers.ts @@ -1,3 +1,17 @@ +const debounce = (fn: Function, delay: number = 300): any => { + let timer = 0; + const debounced = (...args: Array): void => { + if (!args) args = []; + clearTimeout(timer); + + timer = setTimeout(() => { + fn.apply(fn, args); + }, delay); + }; + + return debounced; +}; + const getClientLocale = (): string => { return navigator.languages.length > 0 ? navigator.languages[0] : "en-US"; }; @@ -51,6 +65,7 @@ const dateFormat = new Intl.DateTimeFormat(getClientLocale(), { }); export { + debounce, getClientLocale, getAge, toImperial, From d84c415b229ba103c4ec7164d10eb509dc66485b Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:46:55 +0100 Subject: [PATCH 03/75] feat: update RefGallery to native scrolling --- src/components/RefGallery.vue | 71 ++++++++++++++++++++++++++++------- 1 file changed, 58 insertions(+), 13 deletions(-) diff --git a/src/components/RefGallery.vue b/src/components/RefGallery.vue index 3160fb9..6379c02 100644 --- a/src/components/RefGallery.vue +++ b/src/components/RefGallery.vue @@ -1,30 +1,64 @@ @@ -44,7 +78,7 @@ onMounted(() => { v-show="activeImage < images.length - 1" > -
+
@@ -55,7 +89,7 @@ onMounted(() => { @@ -105,7 +139,16 @@ onMounted(() => { width: 100%; height: 100%; + overflow: auto; + scroll-snap-type: x mandatory; + + scrollbar-width: none; + transition: 0.3s all ease-in-out; + + &::-webkit-scrollbar { + display: none; + } } .figure { @@ -113,6 +156,8 @@ onMounted(() => { padding: var(--gallery-image-padding); flex: 1 0 100%; + scroll-snap-align: center; + &__meta { text-align: center; From 9893373a433377f4c5df184fefc99003401b74be Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:49:49 +0100 Subject: [PATCH 04/75] fix: increase z-index to stay on top of other page elements --- src/components/SiteHeader.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue index c9762d3..b482fb9 100644 --- a/src/components/SiteHeader.vue +++ b/src/components/SiteHeader.vue @@ -27,6 +27,6 @@ padding: 0.5rem; box-shadow: var(--container-box-shadow); - z-index: 1; + z-index: 2; } From 6ecba14f6f6f2adc25d29d3e404c5765571cec8d Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:50:37 +0100 Subject: [PATCH 05/75] style: add explicit return value --- src/components/QuickFacts.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/QuickFacts.vue b/src/components/QuickFacts.vue index 7e8f165..e9d366f 100644 --- a/src/components/QuickFacts.vue +++ b/src/components/QuickFacts.vue @@ -3,7 +3,7 @@ import { ref } from "vue"; const isExpanded = ref(false); -const toggle = () => { +const toggle = (): void => { isExpanded.value = !isExpanded.value; }; From 014451ffa08331722cff0d7400810b54fe3ce5b5 Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:55:09 +0100 Subject: [PATCH 06/75] style: use shorter array type declarations --- src/components/RefGallery.vue | 4 ++-- src/helpers.ts | 2 +- src/views/GeneralView.vue | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/RefGallery.vue b/src/components/RefGallery.vue index 6379c02..f08022c 100644 --- a/src/components/RefGallery.vue +++ b/src/components/RefGallery.vue @@ -3,12 +3,12 @@ import { ref, onMounted } from "vue"; import { debounce } from "@/helpers"; const activeImage = ref(0); -const images = ref>([]); +const images = ref([]); const element = document.createElement("div"); const galleryViewport = ref(element); const galleryItemWidth = ref(1); -const resizeObserverCallback = (entries: Array): void => { +const resizeObserverCallback = (entries: ResizeObserverEntry[]): void => { for (const entry of entries) { galleryItemWidth.value = entry.contentRect.width; } diff --git a/src/helpers.ts b/src/helpers.ts index 4555b16..7ed25e0 100644 --- a/src/helpers.ts +++ b/src/helpers.ts @@ -1,6 +1,6 @@ const debounce = (fn: Function, delay: number = 300): any => { let timer = 0; - const debounced = (...args: Array): void => { + const debounced = (...args: any[]): void => { if (!args) args = []; clearTimeout(timer); diff --git a/src/views/GeneralView.vue b/src/views/GeneralView.vue index 480c3f9..bfce10b 100644 --- a/src/views/GeneralView.vue +++ b/src/views/GeneralView.vue @@ -44,7 +44,7 @@ const nsfwData = [ ]; const kinksHeadings = ["Kink", "Receive", "Give"]; -const kinksData = kinks.map((kink: Kink): Array => { +const kinksData = kinks.map((kink: Kink): string[] => { const receive = kink.receive ? "✅" : "🚫"; const give = kink.give ? "✅" : "🚫"; From 21df633e9ed406c318ecd9ed39246f0b74775365 Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 22 Jan 2023 16:55:38 +0100 Subject: [PATCH 07/75] style: remove unused -