Improved Home animations

EthanBlake00 · Aug 15, 2024 · 4c3dc64 · 4c3dc64
1 parent 9ae1573
commit 4c3dc64
Show file tree

Hide file tree

Showing 195 changed files with 15,196 additions and 87 deletions.
diff --git a/components/Hero.tsx b/components/Hero.tsx
@@ -8,8 +8,7 @@ const Hero = () => {
     const [resumeAnimation, setResumeAnimation] = React.useState(false);
 
     return (
-        <motion.div initial={{opacity: 0, y: '2vh'}}
-                    transition={{delay: .9, type: 'spring', stiffness: 100, damping: 10}} animate={{opacity: 1, y: 0}}
+        <motion.div initial={{opacity: 0, y: '1vh'}} transition={{delay: .6, type: 'spring', stiffness: 100, damping: 10}} animate={{opacity: 1, y: 0}}
                     className="px-10 mt-10 md:mt-20 pb-10 w-full flex-col flex justify-center items-center">
             <div className="flex flex-col transition-all flex-wrap justify-center items-center">
                 <h1 className="lg:text-[7rem] xl:text-[10rem] transition-all duration-500 text-[3rem] md:text-[5rem] text-center tracking-wider font-bold text-gray-900">Hello,

diff --git a/components/ui/Email.tsx b/components/ui/Email.tsx
@@ -6,12 +6,12 @@ import {BiCopy} from "react-icons/bi";
 const Email = () => {
     const [copied, setCopied] = useState(false)
 
-    const copyEmail = () => {
-        navigator.clipboard.writeText(process.env.NEXT_PUBLIC_EMAIL)
+    const copyEmail = async () => {
+        await navigator.clipboard.writeText(process.env.NEXT_PUBLIC_EMAIL)
         setCopied(true)
     }
     return (
-        <motion.button onClick={()=>copyEmail()} initial={{opacity: 0}} animate={{opacity: 1}} transition={{delay: .6}}
+        <motion.button onClick={()=>copyEmail()} initial={{opacity:0,y:'1vh'}}  transition={{ duration:.5,delay: .5,type:"spring", damping:10, stiffness:100}} animate={{opacity:1,y:0}}
                        className="border cursor-pointer absolute right-5 top-5 border-gray-900 rounded-lg gap-1 flex justify-center items-center transition-all w-fit p-2 ">
             <BiCopy className="w-8 h-8"/>
             <p className="font-medium text-lg">{copied ? "Email Copied" : "Copy Email?"}</p>

diff --git a/components/ui/Footer.tsx b/components/ui/Footer.tsx
@@ -8,7 +8,7 @@ import {useGlobalContext} from "@/context/GlobalProvider";
 
 const Footer = () => {
     return (
-        <motion.footer  initial={{opacity:0,y:'2vh'}}  transition={{ duration:.5,delay: .5,type:"spring", damping:10, stiffness:200}} animate={{opacity:1,y:0}} className="w-full pt-5 flex flex-col px-4 gap-5 md:flex-row justify-between items-center pb-4 absolute bottom-0 md:px-10">
+        <motion.footer  initial={{opacity:0,y:'1vh'}}  transition={{ duration:.5,delay: .5,type:"spring", damping:10, stiffness:100}} animate={{opacity:1,y:0}} className="w-full pt-5 flex flex-col px-4 gap-5 md:flex-row justify-between items-center pb-4 absolute bottom-0 md:px-10">
             <p className="font-light text-gray-900 text-base md:text-xl">Copyright © {new Date().getFullYear()} HewageNKM</p>
             <div className="flex items-center md:gap-3 gap-6">
                 {socialMedia.map(({img, id, link}) => (

diff --git a/components/ui/Logo.tsx b/components/ui/Logo.tsx
@@ -4,8 +4,8 @@ import Link from "next/link";
 import {motion} from "framer-motion";
 const Logo = () => {
     return (
-        <motion.div initial={{opacity:0}} animate={{opacity:1}} transition={{delay:.6}}>
-            <Link href="/" className="bg-gray-900 hover:bg-gray-700 transition-all w-fit p-2 absolute top-5 left-5">
+        <motion.div initial={{opacity:0,y:'1vh'}}  transition={{ duration:.5,delay: .5,type:"spring", damping:10, stiffness:100}} animate={{opacity:1,y:0}} className="bg-gray-900 hover:bg-gray-700 transition-all w-fit p-2 absolute top-5 left-5">
+            <Link href="/" >
                 <h1 className="md:text-2xl text-lg font-bold text-white tracking-wider">NAD</h1>
                 <h1 className="md:text-2xl text-lg font-bold text-white tracking-wider">MAL</h1>
             </Link>

diff --git a/dist/404.html b/dist/404.html
diff --git a/dist/_next/static/X1ZP6juTRLQbnEr1vMSxA/_buildManifest.js b/dist/_next/static/X1ZP6juTRLQbnEr1vMSxA/_buildManifest.js
diff --git a/dist/_next/static/X1ZP6juTRLQbnEr1vMSxA/_ssgManifest.js b/dist/_next/static/X1ZP6juTRLQbnEr1vMSxA/_ssgManifest.js
diff --git a/dist/_next/static/chunks/23-4088a0c862b1b4cf.js b/dist/_next/static/chunks/23-4088a0c862b1b4cf.js
diff --git a/dist/_next/static/chunks/3d47b92a-ef1d58c52ecfabf1.js b/dist/_next/static/chunks/3d47b92a-ef1d58c52ecfabf1.js
diff --git a/dist/_next/static/chunks/413-ede6cdf211c8491a.js b/dist/_next/static/chunks/413-ede6cdf211c8491a.js
diff --git a/dist/_next/static/chunks/app/_not-found/page-9e36a15cd19d3b3e.js b/dist/_next/static/chunks/app/_not-found/page-9e36a15cd19d3b3e.js
diff --git a/dist/_next/static/chunks/app/layout-d842cc7c2d8c4fa8.js b/dist/_next/static/chunks/app/layout-d842cc7c2d8c4fa8.js
diff --git a/dist/_next/static/chunks/app/page-a0ca706d2a3d4d8b.js b/dist/_next/static/chunks/app/page-a0ca706d2a3d4d8b.js
diff --git a/dist/_next/static/chunks/app/projects/page-91e2f36b09ae00f2.js b/dist/_next/static/chunks/app/projects/page-91e2f36b09ae00f2.js
diff --git a/dist/_next/static/chunks/fd9d1056-1a6cec4e37df8ae8.js b/dist/_next/static/chunks/fd9d1056-1a6cec4e37df8ae8.js
diff --git a/dist/_next/static/chunks/framework-f66176bb897dc684.js b/dist/_next/static/chunks/framework-f66176bb897dc684.js
diff --git a/dist/_next/static/chunks/main-app-476a8ebac565a6db.js b/dist/_next/static/chunks/main-app-476a8ebac565a6db.js
diff --git a/dist/_next/static/chunks/main-f57a285dc6e8c4f9.js b/dist/_next/static/chunks/main-f57a285dc6e8c4f9.js
diff --git a/dist/_next/static/chunks/pages/_app-6a626577ffa902a4.js b/dist/_next/static/chunks/pages/_app-6a626577ffa902a4.js
diff --git a/dist/_next/static/chunks/pages/_error-1be831200e60c5c0.js b/dist/_next/static/chunks/pages/_error-1be831200e60c5c0.js