From 2fc6398b1e094940c4735598d99c332ca05e9ede Mon Sep 17 00:00:00 2001
From: Piotr Rogowski <piotr.rogowski0@gmail.com>
Date: Fri, 28 Oct 2022 20:50:43 +0200
Subject: [PATCH] GH wiggle

---
 src/components/StatusBar.tsx |  2 +-
 src/css/App.less             |  9 +++++++++
 src/css/animations.less      | 23 +++++++++++++++++++++++
 3 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 src/css/animations.less

diff --git a/src/components/StatusBar.tsx b/src/components/StatusBar.tsx
index 85089f6..bb25cba 100644
--- a/src/components/StatusBar.tsx
+++ b/src/components/StatusBar.tsx
@@ -60,7 +60,7 @@ const StatusBar = ({ tune }: { tune: TuneState }) => (
           target="__blank"
           rel="noopener noreferrer"
         >
-          <Space>
+          <Space className="github-link">
             <GithubOutlined />
             GitHub
           </Space>
diff --git a/src/css/App.less b/src/css/App.less
index 928ed0c..7a3daa1 100644
--- a/src/css/App.less
+++ b/src/css/App.less
@@ -5,6 +5,7 @@
 @import './themes/common.less';
 @import './themes/ant.less';
 @import './overrides.less';
+@import './animations.less';
 
 body {
   overflow: hidden;
@@ -42,6 +43,14 @@ html, body {
   a {
     color: @text;
   }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  .github-link {
+    animation: wiggle 2s linear 2;
+  }
 }
 
 .app-sidebar {
diff --git a/src/css/animations.less b/src/css/animations.less
new file mode 100644
index 0000000..daeb7df
--- /dev/null
+++ b/src/css/animations.less
@@ -0,0 +1,23 @@
+@keyframes wiggle {
+  0%, 7% {
+    transform: rotateZ(0);
+  }
+  15% {
+    transform: rotateZ(-15deg);
+  }
+  20% {
+    transform: rotateZ(10deg);
+  }
+  25% {
+    transform: rotateZ(-10deg);
+  }
+  30% {
+    transform: rotateZ(6deg);
+  }
+  35% {
+    transform: rotateZ(-4deg);
+  }
+  40%, 100% {
+    transform: rotateZ(0);
+  }
+}