From 5257bd7a1ef03e5a444a78776bcc7ebed19c4693 Mon Sep 17 00:00:00 2001
From: waifu <waifuism@tutanota.com>
Date: Sat, 27 Apr 2024 00:25:29 -0300
Subject: [PATCH] make melon wiggle

---
 home/index.html |  2 +-
 home/styles.css | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/home/index.html b/home/index.html
index 196aa3b..752166b 100644
--- a/home/index.html
+++ b/home/index.html
@@ -12,7 +12,7 @@
     <div id="main">
     <div id="title">
         <div>
-            <img src="../static/site/logo.png">
+            <img src="../static/site/logo.png" id="melon">
         </div>
         <div>
             <h1>Pick something?</h1>
diff --git a/home/styles.css b/home/styles.css
index 0675f0a..cfbffdc 100644
--- a/home/styles.css
+++ b/home/styles.css
@@ -54,3 +54,16 @@ p{
 #image-container {
     transition: opacity 0.5s ease; /* Fade transition */
 }
+
+
+@keyframes wiggle {
+    0% { transform: rotate(0deg); }
+    25% { transform: rotate(10deg); }
+    50% { transform: rotate(-10deg); }
+    75% { transform: rotate(10deg); }
+    100% { transform: rotate(0deg); }
+  }
+  
+#melon {
+animation: wiggle 2s ease infinite; /* Adjust duration and timing function for desired effect */
+}
\ No newline at end of file