Upload 3 files

app.js

@@ -0,0 +1,89 @@
+// Script for dynamic content loading
+document.addEventListener('DOMContentLoaded', function() {
+    // Content container where pages will be loaded
+    const contentContainer = document.getElementById('dynamic-content');
+    if (!contentContainer) return;
+
+    // Function to load page content
+    window.loadPage = function(pageName) {
+        // Add .html extension if not provided
+        if (!pageName.endsWith('.html')) {
+            pageName += '.html';
+        }
+
+        // Fetch the requested page
+        fetch(pageName)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! Status: ${response.status}`);
+                }
+                return response.text();
+            })
+            .then(html => {
+                // Extract the content from the HTML (assuming each page has its main content in a div)
+                const parser = new DOMParser();
+                const doc = parser.parseFromString(html, 'text/html');
+                
+                // Look for the main content in the page
+                // This assumes each page has its main content within a main tag or a specific div
+                const mainContent = doc.querySelector('main') || doc.querySelector('.min-h-screen');
+                
+                if (mainContent) {
+                    // Replace the content in the container
+                    contentContainer.innerHTML = mainContent.innerHTML;
+                    
+                    // Update the URL without refreshing
+                    history.pushState({page: pageName}, '', `?page=${pageName}`);
+                    
+                    // Scroll to top
+                    window.scrollTo(0, 0);
+                    
+                    // Update active state in navigation
+                    updateActiveNavLink(pageName);
+                } else {
+                    contentContainer.innerHTML = '<p>Could not load content. Please try again.</p>';
+                }
+            })
+            .catch(error => {
+                console.error('Error loading page:', error);
+                contentContainer.innerHTML = `<p>Error loading page: ${error.message}</p>`;
+            });
+            
+        return false; // Prevent default link behavior
+    };
+
+    // Function to update active state in navigation
+    function updateActiveNavLink(pageName) {
+        // Remove active class from all nav links
+        document.querySelectorAll('.nav-link').forEach(link => {
+            link.classList.remove('active', 'text-accent');
+            link.classList.add('text-gray-600');
+        });
+        
+        // Add active class to current page link
+        const activeLink = document.querySelector(`.nav-link[data-page="${pageName.replace('.html', '')}"]`);
+        if (activeLink) {
+            activeLink.classList.add('active', 'text-accent');
+            activeLink.classList.remove('text-gray-600');
+        }
+    }
+
+    // Handle browser back/forward buttons
+    window.addEventListener('popstate', function(event) {
+        if (event.state && event.state.page) {
+            loadPage(event.state.page);
+        } else {
+            // Default to index/home if no state
+            contentContainer.innerHTML = ''; // Reset content
+            location.reload(); // Reload the page to show the default view
+        }
+    });
+
+    // Check URL on page load to see if a specific page was requested
+    const urlParams = new URLSearchParams(window.location.search);
+    const pageParam = urlParams.get('page');
+    
+    if (pageParam) {
+        loadPage(pageParam);
+    }
+});

page-utils.js

@@ -0,0 +1,65 @@
+// Script to help transform page content for dynamic loading
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Process all pages to remove duplicate headers and footers
+    // This is useful for direct page access (non-dynamic loading)
+    
+    // Check if this is a standalone page (not loaded via dynamic content)
+    const isStandalonePage = !window.location.href.includes('?page=');
+    if (!isStandalonePage) return; // Only process for direct access
+    
+    // For standalone pages, we'll keep their headers and footers
+    // but add a back link to the home page
+    
+    // Find any navigation links
+    const navLinks = document.querySelectorAll('header a, nav a');
+    navLinks.forEach(link => {
+        // If it's a home link or empty link
+        if (link.textContent.toLowerCase().includes('home') || link.getAttribute('href') === '#') {
+            // Update it to go back to the main site
+            link.setAttribute('href', 'index.html');
+            link.classList.add('home-link');
+        }
+    });
+    
+    // Add specific page styles for standalone view
+    const styleElement = document.createElement('style');
+    styleElement.textContent = `
+        body.standalone-page {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+        
+        .back-to-home {
+            display: inline-block;
+            margin: 1rem 0;
+            padding: 0.5rem 1rem;
+            color: #1a365d;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        
+        .back-to-home:hover {
+            text-decoration: underline;
+        }
+    `;
+    document.head.appendChild(styleElement);
+    
+    // Check if it's a standalone page (directly accessed, not through dynamic loading)
+    if (isStandalonePage && !document.body.classList.contains('index-page')) {
+        document.body.classList.add('standalone-page');
+        
+        // Add a back to home link at the top if it doesn't exist
+        if (!document.querySelector('.back-to-home')) {
+            const mainContent = document.querySelector('main') || document.body.firstElementChild;
+            if (mainContent) {
+                const backLink = document.createElement('a');
+                backLink.href = 'index.html';
+                backLink.className = 'back-to-home';
+                backLink.innerHTML = '<i class="fas fa-arrow-left mr-2"></i> Back to Home';
+                mainContent.parentNode.insertBefore(backLink, mainContent);
+            }
+        }
+    }
+});

search.js

@@ -0,0 +1,162 @@
+// Search functionality for the TN Medical Connect site
+document.addEventListener('DOMContentLoaded', function() {
+    // Set up search forms
+    const searchForms = document.querySelectorAll('.search-form');
+    
+    searchForms.forEach(form => {
+        form.addEventListener('submit', function(e) {
+            e.preventDefault();
+            
+            const searchInput = this.querySelector('input[type="text"]');
+            const searchTerm = searchInput.value.trim();
+            
+            if (searchTerm) {
+                // Get search category if available (podcasts, research, etc.)
+                const category = this.dataset.category || '';
+                const finalSearchTerm = category ? `${category} ${searchTerm}` : searchTerm;
+                
+                // Show loading state
+                const resultsContainer = document.getElementById('search-results');
+                if (resultsContainer) {
+                    resultsContainer.innerHTML = '<div class="text-center py-4"><i class="fas fa-spinner fa-spin text-primary text-2xl"></i><p class="mt-2 text-gray-600">Searching...</p></div>';
+                }
+                
+                // In a real implementation, this would call a server-side API
+                // For this demo, we'll simulate results after a delay
+                setTimeout(() => {
+                    simulateSearchResults(finalSearchTerm, resultsContainer);
+                }, 1000);
+            }
+        });
+    });
+    
+    // Function to simulate search results (in a real app, this would call the server)
+    function simulateSearchResults(searchTerm, container) {
+        if (!container) return;
+        
+        // Simulate different results based on search term
+        const termLower = searchTerm.toLowerCase();
+        
+        if (termLower.includes('podcast') || termLower.includes('audio')) {
+            showPodcastResults(container);
+        } else if (termLower.includes('research') || termLower.includes('paper') || termLower.includes('study')) {
+            showResearchResults(container);
+        } else if (termLower.includes('ai') || termLower.includes('artificial intelligence')) {
+            showAIResults(container);
+        } else {
+            showGeneralResults(container);
+        }
+    }
+    
+    // Simulate podcast results
+    function showPodcastResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">Search Results</h3>
+            <div class="grid gap-4 md:grid-cols-2">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Recent Advances in Cardiology</h4>
+                    <p class="text-sm text-gray-600">A discussion with Dr. Ramesh about the latest treatments.</p>
+                    <audio controls class="mt-2 w-full">
+                        <source src="#" type="audio/mpeg">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Public Health Initiatives in Tamil Nadu</h4>
+                    <p class="text-sm text-gray-600">How local communities are benefiting from new programs.</p>
+                    <audio controls class="mt-2 w-full">
+                        <source src="#" type="audio/mpeg">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+            </div>
+        `;
+    }
+    
+    // Simulate research results
+    function showResearchResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">Research Results</h3>
+            <div class="space-y-4">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Impact of Climate Change on Vector-borne Diseases in South India</h4>
+                    <p class="text-sm text-gray-500">Journal of Tropical Medicine • March 2025</p>
+                    <p class="text-sm text-gray-600 mt-1">This study examines the correlation between rising temperatures and the spread of dengue and malaria in Tamil Nadu.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Read Abstract</a>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Efficacy of Traditional Medicines in Managing Type 2 Diabetes</h4>
+                    <p class="text-sm text-gray-500">Indian Journal of Medical Research • January 2025</p>
+                    <p class="text-sm text-gray-600 mt-1">A randomized controlled trial comparing traditional herbal preparations with standard pharmaceutical interventions.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Read Abstract</a>
+                </div>
+            </div>
+        `;
+    }
+    
+    // Simulate AI results
+    function showAIResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">AI in Healthcare Results</h3>
+            <div class="space-y-4">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">AI-Powered Diagnostic Tools for Rural Healthcare</h4>
+                    <p class="text-sm text-gray-600 mt-1">How machine learning is helping bridge the healthcare gap in remote areas of Tamil Nadu.</p>
+                    <div class="flex justify-between items-center mt-2">
+                        <span class="text-xs text-gray-500">Resource Type: Case Study</span>
+                        <a href="#" class="text-primary text-sm hover:underline">View Details</a>
+                    </div>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Implementing AI Chatbots in Patient Triage</h4>
+                    <p class="text-sm text-gray-600 mt-1">A guide for hospitals looking to adopt AI-powered patient screening systems.</p>
+                    <div class="flex justify-between items-center mt-2">
+                        <span class="text-xs text-gray-500">Resource Type: Implementation Guide</span>
+                        <a href="#" class="text-primary text-sm hover:underline">View Details</a>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+    
+    // General mixed results
+    function showGeneralResults(container) {
+        container.innerHTML = `
+            <h3 class="text-xl font-semibold text-gray-800 mb-4">Search Results</h3>
+            <div class="space-y-4">
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Upcoming Medical Conferences in Chennai</h4>
+                    <p class="text-sm text-gray-600">View the schedule of medical conferences happening in the next 6 months.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">View Calendar</a>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Grant Opportunities for Medical Researchers</h4>
+                    <p class="text-sm text-gray-600">Current funding opportunities for research in various medical fields.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Browse Grants</a>
+                </div>
+                <div class="p-4 bg-gray-50 border border-gray-200 rounded-lg">
+                    <h4 class="text-lg font-medium">Latest Podcast: Healthcare Challenges in 2025</h4>
+                    <p class="text-sm text-gray-600">A discussion with leading experts about what to expect this year.</p>
+                    <a href="#" class="text-primary text-sm hover:underline mt-2 inline-block">Listen Now</a>
+                </div>
+            </div>
+        `;
+    }
+    
+    // Initialize any search fields with the search parameter if present in URL
+    const urlParams = new URLSearchParams(window.location.search);
+    const searchParam = urlParams.get('search');
+    
+    if (searchParam) {
+        const searchInputs = document.querySelectorAll('.search-form input[type="text"]');
+        searchInputs.forEach(input => {
+            input.value = searchParam;
+        });
+        
+        // Auto-submit the first search form if a search term is provided in URL
+        const firstForm = document.querySelector('.search-form');
+        if (firstForm) {
+            firstForm.dispatchEvent(new Event('submit'));
+        }
+    }
+});