`; } }); function renderCards() { const grid = document.getElementById('grid'); grid.innerHTML = ''; toxinData.forEach(toxin => { const card = document.createElement('div'); card.className = 'card'; card.dataset.cat = toxin.cat; card.dataset.sev = toxin.sev; card.dataset.name = toxin.name; card.innerHTML = ` ${toxin.sev}

${toxin.name}

${toxin.desc}

`; card.addEventListener('click', () => showModal(toxin.name)); grid.appendChild(card); }); } function applyFilters() { const searchTerm = document.getElementById('search').value.toLowerCase(); const categoryFilter = document.getElementById('catFilter').value; const severityFilter = document.getElementById('sevFilter').value; const cards = document.querySelectorAll('.card'); let visibleCount = 0; cards.forEach(card => { const text = card.textContent.toLowerCase(); const category = card.dataset.cat; const severity = card.dataset.sev; const matchesSearch = !searchTerm || text.includes(searchTerm); const matchesCategory = categoryFilter === 'all' || category === categoryFilter; const matchesSeverity = severityFilter === 'all' || severity === severityFilter; if (matchesSearch && matchesCategory && matchesSeverity) { card.style.display = 'block'; visibleCount++; } else { card.style.display = 'none'; } }); console.log(`Showing ${visibleCount} of ${toxinData.length} toxins`); } function showModal(toxinName) { const toxin = toxinData.find(t => t.name === toxinName); if (!toxin) { console.error('Toxin not found:', toxinName); return; } let modalHTML = `

${toxin.name}

`; if (toxin.origin) { modalHTML += `

ORIGIN

${toxin.origin}

`; } if (toxin.exposure) { modalHTML += `

EXPOSURE & EFFECTS

${toxin.exposure}

`; } if (toxin.effects) { modalHTML += `

${toxin.effects}

`; } if (toxin.mechanism) { modalHTML += `

MECHANISM OF ACTION

${toxin.mechanism}

`; } modalHTML += `

COMBAT & TREATMENT

${toxin.combat}

`; if (toxin.interactions) { modalHTML += `

INTERACTIONS

${toxin.interactions}

`; } if (toxin.sources) { modalHTML += `

ADDITIONAL INFO

Common sources: ${toxin.sources}

`; } if (toxin.atRisk) { modalHTML += `

At-risk populations: ${toxin.atRisk}

`; } if (toxin.regulatory) { modalHTML += `

Regulatory limits: ${toxin.regulatory}

`; } document.getElementById('modalContent').innerHTML = modalHTML; document.getElementById('modal').classList.add('show'); } function closeModal() { document.getElementById('modal').classList.remove('show'); } document.getElementById('modal').addEventListener('click', (e) => { if (e.target.id === 'modal') { closeModal(); } }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && document.getElementById('modal').classList.contains('show')) { closeModal(); } });