fix(site): lander logo timings (#757)

unionlabs · Sep 28, 2023 · 1ceaf78 · 1ceaf78
2 parents 25c9f62 + 625ac4e
commit 1ceaf78
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/site/src/lib/Logo.svelte b/site/src/lib/Logo.svelte
@@ -13,14 +13,14 @@
     <!-- u !-->
     <Piece kind="A" x={3} y={2} origin="west" --duration="1s" --delay="0.2s"/>
     <Piece kind="B" x={3} y={3} origin="west" --duration="0.9s" --delay="0.4s" rotation={3}/>
-    <Piece kind="B" x={5} y={3} origin="south" --duration="0.9s" --delay="0.6s" rotation={2}/>
+    <Piece kind="B" x={5} y={3} origin="south" --duration="0.8s" --delay="0.6s" rotation={2}/>
     <Piece kind="A" x={6} y={2} origin="north" --duration="0.8s" --delay="0.8s"/>
 
     <!-- n !-->
     <Piece kind="B" x={10} y={2} origin="north" --duration="0.8s" --delay="1.1s" rotation={1}/>
     <Piece kind="A" x={8} y={3} origin="south" --duration="0.8s" --delay="1.2s"/>
-    <Piece kind="B" x={8} y={2} origin="north" --duration="0.8s" --delay="1.3s" rotation={4}/>
-    <Piece kind="A" x={11} y={3} origin="south" --duration="0.8s" --delay="1.4s"/>
+    <Piece kind="B" x={8} y={2} origin="north" --duration="0.7s" --delay="1.3s" rotation={4}/>
+    <Piece kind="A" x={11} y={3} origin="south" --duration="0.7s" --delay="1.4s"/>
 
 
     <!-- i !-->
@@ -77,7 +77,7 @@
 
 .logo-container {
     animation-duration: 0.5s;
-    animation-delay: 4s;
+    animation-delay: 3.2s;
     animation-name: slideToPos;
     animation-timing-function: ease-in-out;
     animation-fill-mode: both;

diff --git a/site/src/lib/Tagline.svelte b/site/src/lib/Tagline.svelte
@@ -6,7 +6,7 @@
 	class="z-20 text-lg md:text-3xl font-semibold h-[36px] mt-[15px] md:mt-[35px] mb-[12px] md:mb-[24px] tagline flex gap-1 md:gap-2"
 >
 	<span>Infrastructure for</span>
-	<Typewriter mode="loop" delay={5000} showCursorOnDelay={true} cursor={false}>
+	<Typewriter mode="loop" delay={3500} showCursorOnDelay={true} cursor={false}>
 		<span class="text-accent font-bold flex">DeFi</span>
 		<span class="text-accent font-bold flex">Shared Security</span>
 		<span class="text-accent font-bold flex">NFTs</span>
@@ -28,8 +28,8 @@
 	}
 
 	.tagline {
-		animation-duration: 1.1s;
-		animation-delay: 5.3s;
+		animation-duration: 0.5s;
+		animation-delay: 3.2s;
 		animation-name: fadeIn;
 		animation-timing-function: ease-in;
 		animation-fill-mode: both;

diff --git a/site/src/routes/+page.svelte b/site/src/routes/+page.svelte
@@ -29,8 +29,8 @@
 	}
 
 	.buttonFly {
-		animation-duration: 1.1s;
-		animation-delay: 5.3s;
+		animation-duration: 0.5s;
+		animation-delay: 3.9s;
 		animation-name: fadeIn;
 		animation-timing-function: ease-in;
 		animation-fill-mode: both;