Circles move at different rates

This is something that I always saw and wanted to add to the site, but always had something else to do with JHMC. Just thought of it, so here we are.

Author: Patrick Hultquist

views/pages/home.ejs

@@ -204,7 +204,9 @@
   <script>
     $(window).scroll(() => {
       var yoff = window.pageYOffset;
-      $(".bg-circle").css('transform', 'translateY('+0.6*yoff+'px)')
+      $(".bg-circle").map((i, a) => {
+        $(a).css('transform', 'translateY(' + (i + 1) / 6 * yoff + 'px)');
+      })
     });
   </script>