Update static/test.js

static/test.js

@@ -1,39 +1,42 @@
 // Function to show the selected section and hide the others
 function showSection(sectionId) {
-    // Show the selected section (in case it was hidden)
+    // Hide all tool sections
+    document.querySelectorAll('.tool-section').forEach(section => {
+        section.style.display = 'none';
+    });
+    
+    // Hide the cards container
+    document.querySelector('.cards').style.display = 'none';
+    
+    // Show the selected section
     const activeSection = document.getElementById(sectionId);
     if (activeSection) {
         activeSection.style.display = 'block';
-        // Scroll to the section smoothly
         activeSection.scrollIntoView({ 
             behavior: 'smooth',
-            block: 'start' // Aligns the section at the top of the viewport
+            block: 'start'
         });
     }
 }
 
+// Add a function to go back to cards view
 function showCards() {
-    // Show cards section
-    document.querySelector('.cards').style.display = 'grid'; // or 'flex' depending on your layout
-    
     // Hide all tool sections
-    const sections = document.querySelectorAll('.tool-section');
-    sections.forEach(section => {
+    document.querySelectorAll('.tool-section').forEach(section => {
         section.style.display = 'none';
     });
     
-    // Scroll to top
+    // Show the cards
+    document.querySelector('.cards').style.display = 'flex';
     window.scrollTo({ top: 0, behavior: 'smooth' });
 }
 
+// Initialize - show only cards on page load
 document.addEventListener('DOMContentLoaded', () => {
-    // Set up card click handlers
-    document.querySelectorAll('.card').forEach(card => {
-        card.addEventListener('click', function() {
-            const sectionId = this.getAttribute('onclick').match(/'([^']+)'/)[1];
-            showSection(sectionId);
-        });
-    });
+    showCards();
+    
+    // Your existing event listeners and other code...
+});
 
     // Hide all tool sections by default
     const sections = document.querySelectorAll('.tool-section');