Remove deprecated files and templates: Delete unused files including deployment scripts, environment configurations, and various HTML templates to streamline the project structure. This cleanup enhances maintainability and reduces clutter in the codebase.

static/network-animation.js

@@ -0,0 +1,88 @@
+// Network Animation Effect
+document.addEventListener('DOMContentLoaded', function() {
+    // Check if we're on the mindmap page
+    const mindmapContainer = document.getElementById('mindmap-container');
+    if (!mindmapContainer) return;
+    
+    // Add enhanced animations for links and nodes
+    setTimeout(function() {
+        // Get all SVG links (connections between nodes)
+        const links = document.querySelectorAll('.link');
+        const nodes = document.querySelectorAll('.node');
+        
+        // Add animation to links
+        links.forEach(link => {
+            // Create random animation duration between 15 and 30 seconds
+            const duration = 15 + Math.random() * 15;
+            link.style.animation = `dash ${duration}s linear infinite`;
+            link.style.strokeDasharray = '5, 5';
+            
+            // Add pulse effect on hover
+            link.addEventListener('mouseover', function() {
+                this.classList.add('highlighted');
+                this.style.animation = 'dash 5s linear infinite';
+            });
+            
+            link.addEventListener('mouseout', function() {
+                this.classList.remove('highlighted');
+                this.style.animation = `dash ${duration}s linear infinite`;
+            });
+        });
+        
+        // Add effects to nodes
+        nodes.forEach(node => {
+            node.addEventListener('mouseover', function() {
+                this.querySelector('circle').style.filter = 'drop-shadow(0 0 15px rgba(179, 143, 255, 0.8))';
+                
+                // Highlight connected links
+                const nodeId = this.getAttribute('data-id') || this.id;
+                links.forEach(link => {
+                    const source = link.getAttribute('data-source');
+                    const target = link.getAttribute('data-target');
+                    
+                    if (source === nodeId || target === nodeId) {
+                        link.classList.add('highlighted');
+                        link.style.animation = 'dash 5s linear infinite';
+                    }
+                });
+            });
+            
+            node.addEventListener('mouseout', function() {
+                this.querySelector('circle').style.filter = 'drop-shadow(0 0 8px rgba(179, 143, 255, 0.5))';
+                
+                // Remove highlight from connected links
+                const nodeId = this.getAttribute('data-id') || this.id;
+                links.forEach(link => {
+                    const source = link.getAttribute('data-source');
+                    const target = link.getAttribute('data-target');
+                    
+                    if (source === nodeId || target === nodeId) {
+                        link.classList.remove('highlighted');
+                        const duration = 15 + Math.random() * 15;
+                        link.style.animation = `dash ${duration}s linear infinite`;
+                    }
+                });
+            });
+        });
+    }, 1000); // Wait for the mindmap to be fully loaded
+    
+    // Add network background effect
+    const networkBackground = document.createElement('div');
+    networkBackground.className = 'network-background';
+    networkBackground.style.cssText = `
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(179, 143, 255, 0.05);
+        background-size: cover;
+        background-position: center;
+        opacity: 0.15;
+        z-index: -1;
+        pointer-events: none;
+        animation: pulse 10s ease-in-out infinite alternate;
+    `;
+    
+    mindmapContainer.appendChild(networkBackground);
+});