Add bounce effect to Mail icon in dock

Author: lynkos

README.md

@@ -43,8 +43,6 @@
 
 ## Features
 > [!IMPORTANT]
-> **Mail** app (aka email functionality aka contact form) is currently disabled and will be re-enabled after I troubleshoot, debug, + fix the server-side script
-> 
 > Additional features are still in development
 > 
 > Current features are actively being optimized and improved
@@ -54,8 +52,8 @@ Includes (but is not limited to):
   * Supported on both desktop and mobile
   * Click red button in upper-left corner to close window
   * Click green button in upper-left corner to maximize window
-* ~~**Mail**~~
-  * ~~Send me an email directly, without leaving the site!~~
+* **Mail**
+  * Send me an email
   * ~~Includes reCAPTCHA to prevent spam~~
   * ~~Your email and message are required~~
   * ~~Subject is optional~~

src/components/windows.js

@@ -439,6 +439,9 @@ document.addEventListener("DOMContentLoaded", function() {
     document.addEventListener("mouseup", function(event) {    
         if (event.target === launchpadNav || event.target === launchContent) closeLaunchpad();
     });
+
+    // Position sticky note
+    positionWindow("#sticky-note");
 
     // Position terminal
     positionWindow("#mac-terminal");
@@ -654,7 +657,12 @@ document.addEventListener("DOMContentLoaded", function() {
     // Open mail
     //openWindow("#mailDockIcon", "#email");
 
-    positionWindow("#sticky-note");
+    // TODO: Delete the mailDockIcon bounce effect once mail app (aka contact form) is fixed,
+    // since it's already included in openWindow function
+
+    document.getElementById("mailDockIcon").addEventListener("click", function() {
+        $("#mailDockIcon").effect("bounce", { times: 3 }, 600);
+    });
 
     document.getElementById("not-ai").addEventListener("click", function() {
         bringToFront("#sticky-note");