From e0835c58b78809482169732f559ddc9c476c0dd1 Mon Sep 17 00:00:00 2001
From: Kerby Keith Aquino <skepfoosky15@gmail.com>
Date: Sun, 26 Feb 2023 15:25:40 +0000
Subject: [PATCH] ui changes; remove lottiefiles

---
 website/app.vue                            |  2 --
 website/components/DevTeam.vue             | 17 +++++++++++++++++
 website/components/Landing/LandingHero.vue | 19 +++++++++++++------
 website/components/TheBaseNavbar.vue       |  6 ++++--
 website/nuxt.config.ts                     |  3 +++
 website/package.json                       |  4 +---
 website/plugins/Vue3Lottie.client.ts       |  5 -----
 yarn.lock                                  | 13 -------------
 8 files changed, 38 insertions(+), 31 deletions(-)
 create mode 100644 website/components/DevTeam.vue
 delete mode 100644 website/plugins/Vue3Lottie.client.ts

diff --git a/website/app.vue b/website/app.vue
index d0cf47ec..95f2e194 100644
--- a/website/app.vue
+++ b/website/app.vue
@@ -14,8 +14,6 @@ useCalcViewport()
 </template>
 
 <style lang="scss">
-@import "vue3-lottie/dist/style.css";
-
 body {
   @apply bg-base-900 text-base-50;
 }
diff --git a/website/components/DevTeam.vue b/website/components/DevTeam.vue
new file mode 100644
index 00000000..66bf854d
--- /dev/null
+++ b/website/components/DevTeam.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+const props = defineProps<{
+  name?: string
+  role?: string
+  socials?: string[]
+}>()
+</script>
+
+<template>
+  <div>
+
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/website/components/Landing/LandingHero.vue b/website/components/Landing/LandingHero.vue
index 57ec5e9d..c9f60aba 100644
--- a/website/components/Landing/LandingHero.vue
+++ b/website/components/Landing/LandingHero.vue
@@ -6,11 +6,14 @@ const ctx = ref()
 const profileContainer = ref<HTMLDivElement>()
 
 onMounted(() => {
+
+  let gsapMedia = gsap.matchMedia("(min-width: 1024px)")
+
 	ctx.value = gsap.context((self) => {
-		const artItems = self.selector!(".art-item-right")
+		const artItemsRight = self.selector!(".art-item-right")
+		const artItemsLeft = self.selector!(".art-item-left")
 		const scrollWrapper = self.selector!(".profile-container #wrapper")
 
-		// Trigger on-scroll
 		gsap
 			.timeline({
 				scrollTrigger: {
@@ -18,11 +21,15 @@ onMounted(() => {
 					start: "top top",
 					end: "+=900",
 					scrub: 0.65,
+					markers: true,
 				},
 			})
-			.to(artItems[2], { y: -145 })
-			.to(artItems[1], { y: -125 * 2 }, "<")
-			.to(artItems[0], { y: -125 * 3 }, "<")
+			.to(artItemsRight[2], { y: -145 })
+			.to(artItemsRight[1], { y: -125 * 2 }, "<")
+			.to(artItemsRight[0], { y: -125 * 3 }, "<")
+			.to(artItemsLeft[2], { y: -145 }, "<")
+			.to(artItemsLeft[1], { y: -125 * 2 }, "<")
+			.to(artItemsLeft[0], { y: -125 * 3 }, "<")
 	}, profileContainer.value)
 })
 
@@ -41,7 +48,7 @@ onUnmounted(() => ctx.value.revert())
 				<NuxtLink to="/login" class="login-button"> Sign up </NuxtLink>
 			</div>
 		</article>
-		<div class="profile-container" ref="profileContainer" aria-hidden="true">
+		<div ref="profileContainer" class="profile-container" aria-hidden="true">
 			<div
 				v-for="item in heroImages.left"
 				class="art-item-left"
diff --git a/website/components/TheBaseNavbar.vue b/website/components/TheBaseNavbar.vue
index 248350bd..841c58a2 100644
--- a/website/components/TheBaseNavbar.vue
+++ b/website/components/TheBaseNavbar.vue
@@ -29,7 +29,9 @@ onUnmounted(() => window.removeEventListener("scroll", handleScroll))
 					>ALPHA</span
 				>
 			</div>
-			<ul class="right-side">
+			<ul class="actions">
+        <button>
+        </button>
 				<li>
 					<NuxtLink to="/upload">Upload</NuxtLink>
 				</li>
@@ -65,7 +67,7 @@ onUnmounted(() => window.removeEventListener("scroll", handleScroll))
 	@apply flex items-center;
 }
 
-.right-side {
+.actions {
 	@apply flex items-center gap-x-10;
 }
 
diff --git a/website/nuxt.config.ts b/website/nuxt.config.ts
index 1c6adc89..28e96270 100644
--- a/website/nuxt.config.ts
+++ b/website/nuxt.config.ts
@@ -20,6 +20,9 @@ export default defineNuxtConfig({
 	},
 	app: {
 		head: {
+			htmlAttrs: {
+				lang: "en",
+			},
 			link: [
 				{
 					rel: "shortcut icon",
diff --git a/website/package.json b/website/package.json
index 9dc54b9a..26599dc1 100644
--- a/website/package.json
+++ b/website/package.json
@@ -25,7 +25,5 @@
 		"sass": "^1.57.1",
 		"tailwindcss": "^3.2.4"
 	},
-	"dependencies": {
-		"vue3-lottie": "^2.4.0"
-	}
+	"dependencies": {}
 }
diff --git a/website/plugins/Vue3Lottie.client.ts b/website/plugins/Vue3Lottie.client.ts
deleted file mode 100644
index 346c02df..00000000
--- a/website/plugins/Vue3Lottie.client.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import Vue3Lottie from "vue3-lottie"
-
-export default defineNuxtPlugin((nuxtApp) => {
-	nuxtApp.vueApp.use(Vue3Lottie, { name: "Lottie" })
-})
diff --git a/yarn.lock b/yarn.lock
index 10510838..807187fd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3721,11 +3721,6 @@ loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-lottie-web@^5.8.1:
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/lottie-web/-/lottie-web-5.10.2.tgz#a1c952b6734759fcd369eba73b6b7e3d9a76ce0b"
-  integrity sha512-d0PFIGiwuMsJYaF4uPo+qG8dEorlI+xFI2zrrFtE1bGO4WoLIz+NjremxEq1swpR7juR10aeOtmNh3d6G3ub0A==
-
 "lru-cache@7.10.1 - 7.13.1":
   version "7.13.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.13.1.tgz#267a81fbd0881327c46a81c5922606a2cfe336c4"
@@ -5843,14 +5838,6 @@ vue-router@^4.1.6:
   dependencies:
     "@vue/devtools-api" "^6.4.5"
 
-vue3-lottie@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/vue3-lottie/-/vue3-lottie-2.4.0.tgz#84fecd68d22beae808a9cc0ee89112435347e242"
-  integrity sha512-arNBADu3vW+1Lf+Pw32mU9T6X7c1bMn1tBvJ0/uo+W0G/0UxHyCwoXzyYIKZWB0WoeEvdo5x7HCf8VH0J7rLsw==
-  dependencies:
-    lodash "^4.17.21"
-    lottie-web "^5.8.1"
-
 vue@^3.2.47:
   version "3.2.47"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.47.tgz#3eb736cbc606fc87038dbba6a154707c8a34cff0"