More code commenting.

views/assets/js/card.js

@@ -6,22 +6,27 @@
 
 const shimmerEffects = document.querySelectorAll(".box-card");
 
-
+//  Attach CSS variables, mouse-x and mouse-y, to elements that will be
+//  given shimmer effects, by adding or modifying the style attribute.
+//  CSS calculates and renders the actual shimmer effect from there.
 shimmerEffects.forEach(shimmerEffect => {
   shimmerEffect.addEventListener("mousemove", handleMouseMove);
   shimmerEffect.addEventListener("mouseleave", handleMouseLeave);
 });
 
-function handleMouseMove(e) {
+//  Track the cursor position with respect to the top left of the card.
+//  The "this" keyword gets the element that invoked the event listener.
+const handleMouseMove = e => {
   const rect = this.getBoundingClientRect();
   const x = e.clientX - rect.left;
   const y = e.clientY - rect.top;
 
   this.style.setProperty("--mouse-x", `${x}px`);
   this.style.setProperty("--mouse-y", `${y}px`);
-}
+};
 
-function handleMouseLeave() {
+//  Reset the cursor tracking variables when the cursor leaves the card.
+const handleMouseLeave = () => {
   this.style.setProperty("--mouse-x", `50%`);
   this.style.setProperty("--mouse-y", `50%`);
-}
+};

views/assets/js/common-16451543478.js

@@ -4,8 +4,8 @@
 /* MAIN Holy Unblocker LTS Common Script
 /* ----------------------------------------------- */
 
-//  Completely unused for some reason???
-//  const tryGetElement = id => document.getElementById(id) || {};
+//  Used in scripts outside this file.
+const tryGetElement = id => document.getElementById(id) || {};
 
 /**
  * Get the preferred apex domain name.