ui changes; remove lottiefiles

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;
 }

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>

website/components/Landing/LandingHero.vue

@@ -6,23 +6,30 @@ 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: {
 					trigger: scrollWrapper,
 					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"

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;
 }
 

website/nuxt.config.ts

@@ -20,6 +20,9 @@ export default defineNuxtConfig({
 	},
 	app: {
 		head: {
+			htmlAttrs: {
+				lang: "en",
+			},
 			link: [
 				{
 					rel: "shortcut icon",

website/package.json

@@ -25,7 +25,5 @@
 		"sass": "^1.57.1",
 		"tailwindcss": "^3.2.4"
 	},
-	"dependencies": {
-		"vue3-lottie": "^2.4.0"
-	}
+	"dependencies": {}
 }

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==
-
 "[email protected] - 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"