From 97d29309e0515084f3119266c1e68e3c8e437c55 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Thu, 13 Apr 2023 00:27:02 -0500
Subject: [PATCH] add hand wave animation

---
 src/pages/about.tsx |  2 +-
 tailwind.config.cjs | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 3c14836..4bdfd81 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -70,7 +70,7 @@ const About: NextPage = () => {
                     <div className="block sm:hidden w-full bg-neutral-900 p-4">
                         <h1 className="text-white text-4xl font-bold text-center">
                             Meet the Team
-                            <HandRaisedIcon className="ml-4 rotate-12 text-yellow-200 inline w-12 animate-hand_wave"/>
+                            <HandRaisedIcon className="ml-4 rotate-12 text-yellow-200 inline w-12 animate-hand_wave animate-hand_pop"/>
                         </h1>
                     </div>
                     {/** Large screens */}
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 78b5656..ce29733 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -17,16 +17,18 @@ const config = {
           '100%': { transform: 'translate(0%)' },
         },
         wiggle_rotate: {
-          '0%, 100%': { transform: 'rotate(0)' },
-          '50%': { transform: 'rotate(12)' },
-          '75%': { transform: 'rotate(-12)' },
-        }
+          '0%, 60%, 100%': { transform: 'rotate(0deg)' },
+          '42%': { transform: 'rotate(-6deg)' },
+          '50%': { transform: 'rotate(4deg)' },
+          '6%, 30%': { transform: 'rotate(24deg)' },
+          '18%': { transform: 'rotate(-12deg)' },
+        },
       },
       animation: {
         expand_in_out: 'expand_in_out 2s ease-in-out infinite',
         slide_search_page: 'slide_left_full 0.5s ease-in-out',
         slide_search_page_backwards: 'slide_right_full 0.5s ease-in-out',
-        hand_wave: 'wiggle_rotate 0.5s ease-in-out infinite',
+        hand_wave: 'wiggle_rotate 1.5s ease-in-out infinite',
       },
     },
   },