From caca751b74db1d38aaf8a63f30509a14be59ea88 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 12:57:52 +0100
Subject: [PATCH 001/103] fix: navigation text not changing color on hover
---
src/components/SiteNavigation.vue | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/SiteNavigation.vue b/src/components/SiteNavigation.vue
index eb7c55e..06e6aa3 100644
--- a/src/components/SiteNavigation.vue
+++ b/src/components/SiteNavigation.vue
@@ -83,6 +83,10 @@ import { RouterLink } from "vue-router";
}
}
+ &:hover &-text {
+ color: var(--color-router-link-hover);
+ }
+
&:last-child {
margin: var(--navigation-link-last-child-margin);
}
@@ -117,10 +121,6 @@ import { RouterLink } from "vue-router";
display: none;
font-size: var(--navigation-link-text-font-size);
margin: 0 0 0 1rem;
-
- &:hover {
- color: var(--color-router-link-hover);
- }
}
}
From bd4b36f8aedac9a4cdefc6e186aca9dbe0e36901 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 12:58:31 +0100
Subject: [PATCH 002/103] chore: serve from subdirectory
---
vite.config.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/vite.config.ts b/vite.config.ts
index 790e081..439f149 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,7 +6,7 @@ import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
export default defineConfig({
- base: "./",
+ base: "/viktor/",
plugins: [vue(), imagetools()],
resolve: {
alias: {
From d296e6136261cd7b1fc2816cc86a08dbba0ca016 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 13:47:01 +0100
Subject: [PATCH 003/103] refactor: remove TextBlock component in favor of
simpler section element
---
src/components/TextBlock.vue | 17 -----------------
src/scss/main.scss | 10 ++++++++++
src/views/AnatomyView.vue | 13 ++++++-------
src/views/AttributionsView.vue | 5 ++---
src/views/CareerPathView.vue | 5 ++---
src/views/GeneralView.vue | 17 ++++++++---------
src/views/HomeView.vue | 5 ++---
7 files changed, 30 insertions(+), 42 deletions(-)
delete mode 100644 src/components/TextBlock.vue
diff --git a/src/components/TextBlock.vue b/src/components/TextBlock.vue
deleted file mode 100644
index 27dd604..0000000
--- a/src/components/TextBlock.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 1bdb2f8..0b28065 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -36,6 +36,16 @@ main {
transition: 0.4s;
}
+section {
+ max-width: var(--textblock-max-width);
+ margin: auto;
+ padding: var(--textblock-padding);
+
+ p {
+ text-align: justify;
+ }
+}
+
h1,
h2,
h3,
diff --git a/src/views/AnatomyView.vue b/src/views/AnatomyView.vue
index 589ec01..a9cd13e 100644
--- a/src/views/AnatomyView.vue
+++ b/src/views/AnatomyView.vue
@@ -1,7 +1,6 @@
-
+
{{ $route.meta.title }}
-
+
-
+
Viktor is a bipedal plantigrade Ankylosaurus. His skin is mostly
bicolored, with several shades of brown.
@@ -63,7 +62,7 @@ const colors = [
strip of deep dark cedar brown. Arms and legs are distinguished by a light
earthy brown.
-
+
-
+
His entire body is speckled with scattered aquamarine spots, which come in
pairs of one large and one small spot. The only exceptions are the spots
@@ -107,5 +106,5 @@ const colors = [
He owes his strong, stocky physique to years of hard physical labor.
-
+
diff --git a/src/views/AttributionsView.vue b/src/views/AttributionsView.vue
index c7a2515..9d04f9c 100644
--- a/src/views/AttributionsView.vue
+++ b/src/views/AttributionsView.vue
@@ -1,5 +1,4 @@
-
+
{{ $route.meta.title }}
Artwork
@@ -45,7 +44,7 @@ const attributions = [
Arvo by
Anton Koovit
-
+
diff --git a/src/views/CareerPathView.vue b/src/views/CareerPathView.vue
index 860df36..74c38e3 100644
--- a/src/views/CareerPathView.vue
+++ b/src/views/CareerPathView.vue
@@ -6,17 +6,16 @@ import TreeIcon from "@/assets/icons/TreeIcon.vue";
import CarIcon from "@/assets/icons/CarIcon.vue";
import HelmetSafetyIcon from "@/assets/icons/HelmetSafetyIcon.vue";
import BoxesIcon from "@/assets/icons/BoxesIcon.vue";
-import TextBlock from "@/components/TextBlock.vue";
-
+
{{ $route.meta.title }}
Viktor's had many different jobs in the past, some of which where very
formative, other's just paid the bills.
-
+
diff --git a/src/views/GeneralView.vue b/src/views/GeneralView.vue
index 9df0fbe..56a9e70 100644
--- a/src/views/GeneralView.vue
+++ b/src/views/GeneralView.vue
@@ -1,6 +1,5 @@
-
+
{{ $route.meta.title }}
-
+
-
+
Personality
Viktor is not a man of many words, his manner of expression is simple and
@@ -82,15 +81,15 @@ const sexData = [
high-tech. He does have a smartphone, but he hates using it as much as he
dislikes the fact he's dependent on owning one.
-
+
-
+
+
-
+
As a teenager, Viktor noticed that he felt a bit differently about the
boys in his class. Especially in gym class, his eyes tended to linger
@@ -117,5 +116,5 @@ const sexData = [
wouldn't remember much of the party, but what he didn't forget how good it
felt to give himself to another man.
-
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 85be205..794c8cd 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,5 +1,4 @@
@@ -8,10 +7,10 @@ import WelcomeHeader from "@/components/WelcomeHeader.vue";
Character Reference Page
-
+
Welcome to Viktor's Ref Page
Here you can learn all about the ankylosaurus named Viktor.
Pick an item from the navigation to dive in!
-
+
From 606269cbd47ec5cf22c6aedcb5e41785a69716f1 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 13:51:11 +0100
Subject: [PATCH 004/103] feat: limit height of images
---
src/components/RefImage.vue | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/src/components/RefImage.vue b/src/components/RefImage.vue
index b17824e..48a5704 100644
--- a/src/components/RefImage.vue
+++ b/src/components/RefImage.vue
@@ -15,6 +15,11 @@
max-width: var(--refimage-max-width);
margin: 0 auto;
+ &__image,
+ &__caption {
+ flex: 0 0 auto;
+ }
+
&__image {
filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
}
@@ -24,7 +29,10 @@
}
img {
+ display: block;
max-width: 100%;
+ max-height: 100vh;
+ margin: auto;
}
}
From 886708854ad19a368d0356e3bcc5cb28ba0ecc7b Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 13:52:12 +0100
Subject: [PATCH 005/103] feat: make image dropshadow optional
---
src/components/RefImage.vue | 17 +++++++++++++++--
1 file changed, 15 insertions(+), 2 deletions(-)
diff --git a/src/components/RefImage.vue b/src/components/RefImage.vue
index 48a5704..ffadeb7 100644
--- a/src/components/RefImage.vue
+++ b/src/components/RefImage.vue
@@ -1,6 +1,17 @@
+
+
-
+
@@ -21,7 +32,9 @@
}
&__image {
- filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
+ &--dropshadow {
+ filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
+ }
}
&__caption {
From 28d76eed453359c87eb39fe0e4629fc14590392b Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 15:46:32 +0100
Subject: [PATCH 006/103] fix: add margin to figcaption
---
src/components/RefImage.vue | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/components/RefImage.vue b/src/components/RefImage.vue
index ffadeb7..07cd677 100644
--- a/src/components/RefImage.vue
+++ b/src/components/RefImage.vue
@@ -39,6 +39,7 @@ defineProps();
&__caption {
text-align: center;
+ margin: 1rem 0 0 0;
}
img {
From e85746ba7e6b4deb46b6cfeae82c8391ced5d3b4 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 15:47:18 +0100
Subject: [PATCH 007/103] fix: use absolute max-height for image
---
src/components/RefImage.vue | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/components/RefImage.vue b/src/components/RefImage.vue
index 07cd677..901b7d6 100644
--- a/src/components/RefImage.vue
+++ b/src/components/RefImage.vue
@@ -45,7 +45,7 @@ defineProps();
img {
display: block;
max-width: 100%;
- max-height: 100vh;
+ max-height: 35rem;
margin: auto;
}
}
From b40b385d6e9825b333ece4707d29e0d1768cae63 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 16:06:29 +0100
Subject: [PATCH 008/103] feat: add social graph meta data
---
index.html | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/index.html b/index.html
index 140d933..5df57da 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,20 @@
Viktor Kraastav – Reference Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
From 26645855ae60ea80148718fed2bb8f4650ded2db Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim
Date: Wed, 18 Jan 2023 16:06:58 +0100
Subject: [PATCH 009/103] fix: move script into body
---
index.html | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 5df57da..3694d98 100644
--- a/index.html
+++ b/index.html
@@ -18,8 +18,8 @@
-
-
-
+
+
+