click scroll donate

Author: nopara73

LongevityWorldCup.Website/wwwroot/index.html

@@ -441,7 +441,7 @@ <h2><i class="fas fa-hourglass-half"></i> Beta Testing Ends In:</h2>
         </div>
 
         <!-- Bitcoin Donation Section -->
-        <div class="section-container contribute-section" data-aos="fade" data-aos-duration="700" data-aos-delay="350">
+        <div id="donation-section" class="section-container contribute-section" data-aos="fade" data-aos-duration="700" data-aos-delay="350">
             <div class="progress-overlay"></div>
             <div class="contribute-content">
                 <!-- In the Contribute section -->

LongevityWorldCup.Website/wwwroot/partials/leaderboard-content.html

@@ -571,6 +571,8 @@
         align-items: center;
         clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
         transition: clip-path 0.3s ease-in-out;
+        pointer-events: auto; /* Enable click events */
+        cursor: pointer; /* Indicate that it's clickable */
     }
 
         .podium-item-lower:hover {
@@ -1308,6 +1310,7 @@ <h3>Proofs</h3>
                                         podiumItem.setAttribute('data-aos-duration', '700');
                                         podiumItem.setAttribute('data-aos-delay', '50');
 
+                                        subscribeLowerPodiumClick();
                                     });
 
                                     // Attach click event listeners to athlete names
@@ -1396,6 +1399,20 @@ <h3>Proofs</h3>
         });
     }
 
+    function subscribeLowerPodiumClick() {
+        const targetElement = document.querySelector("#donation-section");
+        if (!targetElement) {
+            console.error("Donation section (#donation-section) not found.");
+            return;
+        }
+
+        document.querySelectorAll('.podium-item-lower').forEach(moneyArea => {
+            moneyArea.addEventListener('click', () => {
+                targetElement.scrollIntoView({ behavior: 'smooth' });
+            });
+        });
+    }
+
     // Usage
     addClickListenerToImages('.portrait, .podium-portrait, #modalProfilePic', function () {
         openEnlargedView(this);