chore: tweaks

README.md

@@ -10,4 +10,4 @@
 **microlink** © [Microlink](https://microlink.io), Released under the [MIT](https://github.com/microlinkhq/sdk/blob/master/LICENSE.md) License.<br>
 Authored and maintained by Kiko Beats with help from [contributors](https://github.com/microlinkhq/sdk/contributors).
 
-> [microlink.io](https://microlink.io) · GitHub [@MicrolinkHQ](https://github.com/microlinkhq) · Twitter [@microlinkhq](https://twitter.com/microlinkhq)
+> [microlink.io](https://microlink.io) · GitHub [@MicrolinkHQ](https://github.com/microlinkhq) · X [@microlinkhq](https://x.com/microlinkhq)

components/github-corner.js

@@ -1,38 +1,41 @@
-import { css, keyframes } from '@emotion/react'
 import { Svg } from './theme-ui'
 import { Link } from './link'
 import { transitions } from '@/theme.js'
 
-const octoArm = keyframes`
-0%,
-100% {
-  transform: rotate(0);
-}
-20%,
-60% {
-  transform: rotate(-25deg);
-}
-40%,
-80% {
-  transform: rotate(10deg);
-}
-`
-
 export const GitHubCorner = props => (
   <Link.External
     aria-label='View source on GitHub'
-    css={css`
+    css={`
+      &:hover {
+        opacity: 1;
+      }
       .octo-arm {
         transform-origin: 130px 106px;
       }
       &:hover .octo-arm {
-        animation: ${octoArm} ${transitions.long};
+        animation: octocat-wave ${transitions.long};
+      }
+      @keyframes octocat-wave {
+        0%,
+        100% {
+          transform: rotate(0);
+        }
+        20%,
+        60% {
+          transform: rotate(-25deg);
+        }
+        40%,
+        80% {
+          transform: rotate(10deg);
+        }
       }
-
       @media (max-width: 500px) {
         &:hover .octo-arm {
           animation: none;
         }
+        & .octo-arm {
+          animation: octocat-wave ${transitions.long};
+        }
       }
     `}
     {...props}

package.json

@@ -37,7 +37,12 @@
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
-    ]
+    ],
+    "rules": {
+      "body-max-line-length": [
+        0
+      ]
+    }
   },
   "nano-staged": {
     "*.js": [