From 6461a2c495457b1f5fadffb4901823e20f43ef9c Mon Sep 17 00:00:00 2001
From: Nat Lasseter <user@4574.co.uk>
Date: Tue, 11 Mar 2025 15:45:47 +0000
Subject: Shake links

---
 static/styles.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/static/styles.css b/static/styles.css
index a15f136..8715207 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -26,6 +26,20 @@ div {
   padding: 1em;
 }
 
+@keyframes shake {
+  0% { transform: translate(1px, 1px) rotate(0deg); }
+  10% { transform: translate(-1px, -2px) rotate(-1deg); }
+  20% { transform: translate(-3px, 0px) rotate(1deg); }
+  30% { transform: translate(3px, 2px) rotate(0deg); }
+  40% { transform: translate(1px, -1px) rotate(1deg); }
+  50% { transform: translate(-1px, 2px) rotate(-1deg); }
+  60% { transform: translate(-3px, 1px) rotate(0deg); }
+  70% { transform: translate(3px, 1px) rotate(-1deg); }
+  80% { transform: translate(-1px, -1px) rotate(1deg); }
+  90% { transform: translate(1px, 2px) rotate(0deg); }
+  100% { transform: translate(1px, -2px) rotate(-1deg); }
+}
+
 table#toplinks {
   width: 100%;
   td {
@@ -38,7 +52,9 @@ table#toplinks {
     }
     a:hover {
       color: darkgreen;
-      filter: blur(2px);
+      filter: blur(1px);
+      animation: shake 0.2s;
+      animation-iteration-count: infinite;
     }
   }
 }
-- 
cgit v1.2.3