Update static/test.js

static/test.js

@@ -19,7 +19,7 @@ function showSection(sectionId) {
     }
 }
 
-// Add a function to go back to cards view
+// Function to go back to cards view
 function showCards() {
     // Hide all tool sections
     document.querySelectorAll('.tool-section').forEach(section => {
@@ -33,19 +33,21 @@ function showCards() {
 
 // Initialize - show only cards on page load
 document.addEventListener('DOMContentLoaded', () => {
-    showCards();
-    
-    // Your existing event listeners and other code...
-});
-
     // Hide all tool sections by default
-    const sections = document.querySelectorAll('.tool-section');
-    sections.forEach(section => {
+    document.querySelectorAll('.tool-section').forEach(section => {
         section.style.display = 'none';
     });
-
-    // Show first section by default
-    showSection('document-image-analysis');
+    
+    // Show only the cards initially
+    showCards();
+    
+    // Set up card click handlers
+    document.querySelectorAll('.card').forEach(card => {
+        card.addEventListener('click', function() {
+            const sectionId = this.getAttribute('onclick').match(/'([^']+)'/)[1];
+            showSection(sectionId);
+        });
+    });
 
     // Helper functions
     function preventDefaults(e) {