From 9398052466a003ab1e7f4e8d85ada55a5d25edb2 Mon Sep 17 00:00:00 2001
From: Andreas Thomas <dev@chronark.com>
Date: Sat, 25 Feb 2023 00:37:00 +0100
Subject: [PATCH] feat: /projects

---
 app/page.tsx       |  6 +++---
 tailwind.config.js | 23 +++++++++--------------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 30dbca3..7d5f534 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -32,9 +32,9 @@ export default function Home() {
 			</h1>
 
 			<div className="hidden animate-glow md:block w-screen  animate-fade-right h-px bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0" />
-			<div className="my-16 animate-fade-in">
+			<div className="my-16 animate-fade-in text-center">
 				<h2 className="text-zinc-500  text-sm ">
-					Building serverless and open source solutions at{" "}
+					Hi, I'm building serverless and open source solutions at{" "}
 					<Link
 						href="https://upstash.com"
 						className="underline hover:text-zinc-300 duration-500"
@@ -43,7 +43,7 @@ export default function Home() {
 					</Link>
 
 					<br />
-					and building{" "}
+					and{" "}
 					<Link
 						href="https://planetfall.io"
 						className="underline hover:text-zinc-300 duration-500"
diff --git a/tailwind.config.js b/tailwind.config.js
index b443cf8..ef6ec3f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,10 +12,10 @@ module.exports = {
 			},
 
 			animation: {
-				"fade-in": "fade-in 5s ease-in-out forwards",
-				title: "title 5s ease-out forwards",
-				"fade-left": "fade-left 5s ease-in-out forwards",
-				"fade-right": "fade-right 5s ease-in-out forwards",
+				"fade-in": "fade-in 3s ease-in-out forwards",
+				title: "title 3s ease-out forwards",
+				"fade-left": "fade-left 3s ease-in-out forwards",
+				"fade-right": "fade-right 3s ease-in-out forwards",
 			},
 			keyframes: {
 				"fade-in": {
@@ -34,11 +34,9 @@ module.exports = {
 						transform: "translateX(100%)",
 						opacity: "0%",
 					},
-					"50%": {
-						transform: "translateX(0%)",
-					},
 
-					"75%": {
+					"30%": {
+						transform: "translateX(0%)",
 						opacity: "100%",
 					},
 					"100%": {
@@ -48,14 +46,11 @@ module.exports = {
 				"fade-right": {
 					"0%": {
 						transform: "translateX(-100%)",
-
 						opacity: "0%",
 					},
-					"50%": {
-						transform: "translateX(0%)",
-					},
 
-					"75%": {
+					"30%": {
+						transform: "translateX(0%)",
 						opacity: "100%",
 					},
 					"100%": {
@@ -68,7 +63,7 @@ module.exports = {
 						"letter-spacing": "0.25em",
 						opacity: "0",
 					},
-					"70%": {
+					"25%": {
 						"line-height": "0%",
 						opacity: "0%",
 					},