From 23eabb48c076ea045fb2e21d4868149bf85d9c94 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Tue, 2 Jun 2020 12:46:17 -0400
Subject: [PATCH] fix hand wave pet peeves & heart beats per minute (still
 fatally low)

---
 assets/sass/components/_animation.scss | 33 ++++++++++++++++----------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/assets/sass/components/_animation.scss b/assets/sass/components/_animation.scss
index f0ef426d..7d5737ee 100644
--- a/assets/sass/components/_animation.scss
+++ b/assets/sass/components/_animation.scss
@@ -1,14 +1,17 @@
 @charset "UTF-8";
 
+/*! Magic Waving Hand Emoji™: https://jrvs.io/wave */
 .wave {
   display: inline-block;
   animation: wave 5s infinite;
-  transform-origin: 70% 70%;
+  animation-delay: 1s;
+  transform-origin: 65% 80%;
 }
 
 .beat {
   display: inline-block;
-  animation: beat 20s infinite; // 3 bpm, call 911 if you see this please.
+  animation: beat 10s infinite; // 6 bpm, call 911 if you see this please.
+  animation-delay: 2.5s; // offset from wave animation
 }
 
 @keyframes wave {
@@ -16,20 +19,24 @@
     transform: rotate(0deg);
   }
   5% {
-    transform: rotate(-10deg);
+    transform: rotate(14deg);
   }
   10% {
-    transform: rotate(12deg);
+    transform: rotate(-8deg);
   }
   15% {
-    transform: rotate(-10deg);
+    transform: rotate(14deg);
   }
   20% {
-    transform: rotate(9deg);
+    transform: rotate(-4deg);
   }
   25% {
+    transform: rotate(10deg);
+  }
+  30% {
     transform: rotate(0deg);
   }
+  // pause for 3.5 out of 5 seconds
   100% {
     transform: rotate(0deg);
   }
@@ -39,19 +46,19 @@
   0% {
     transform: scale(1);
   }
-  1% {
-    transform: scale(1.25);
-  }
   2% {
-    transform: scale(1);
-  }
-  3% {
     transform: scale(1.25);
   }
   4% {
     transform: scale(1);
   }
-  // pause for ~19 out of 20 seconds
+  6% {
+    transform: scale(1.2);
+  }
+  8% {
+    transform: scale(1);
+  }
+  // pause for ~9 out of 10 seconds
   100% {
     transform: scale(1);
   }