can you add these indexes so there will be one analysis of just the toxins level and one where you can see from what sources. 🥗 FOOD & BEVERAGES

- Mercury → Tuna, swordfish, king mackerel, shark, marlin → Neurotoxin, brain/kidney damage
- Cadmium → Cacao, rice, shellfish, leafy greens from polluted soils → Kidney damage, bone loss, carcinogen
- Arsenic (inorganic) → Rice, groundwater, some seafood → Carcinogen, skin lesions, vascular issues
- Lead → Root vegetables in contaminated soil, spices, old pipes, imported candies → Neurotoxin, developmental delays
- Glyphosate → Non-organic wheat, oats, soy, corn → Endocrine disruptor, possible carcinogen
- Atrazine → Corn, contaminated water → Hormone disruptor
- Neonicotinoids → Fruits, vegetables → Neurotoxic, endocrine disruption
- Aflatoxin → Peanuts, corn, grains stored humid → Liver carcinogen
- Ochratoxin A → Coffee, dried fruits, cereals, wine → Kidney toxicity, carcinogenic potential
- Patulin → Moldy apples, apple juice → GI issues, possible neurotoxin
- Nitrites/nitrates → Processed meats → Carcinogenic nitrosamines
- PAHs → Smoked or grilled meats → Carcinogen, DNA damage
- Heterocyclic amines → High-heat cooked meats → Carcinogenic
- Acrylamide → Fried/baked starchy foods → Neurotoxic, possible carcinogen
- Artificial colors (Red 40, Yellow 5, Tartrazine) → Candy, soda → Hyperactivity, possible carcinogen
- Preservatives (BHA, BHT, sodium benzoate) → Cereal, chips, drinks → Possible carcinogens, endocrine disruption
- MSG → Fast food, snacks → Excitotoxin, headaches in sensitive people
- Bisphenols (BPA, BPS, BPF) → Canned foods, plastic bottles → Endocrine disruption
- Phthalates → Plastic food packaging, fast food wrappers → Hormone disruption
- Microplastics → Bottled water, sea salt, seafood → Inflammation, oxidative stress

🚰 WATER
- Chlorine byproducts (THMs, HAAs) → Chlorinated tap water → Carcinogenic, liver/kidney toxicity
- Fluoride (excess) → Tea, fluoridated water → Dental/bone fluorosis, thyroid interference
- PFAS (“forever chemicals”) → Contaminated water → Bioaccumulative, endocrine disruption
- Lead → Old plumbing → Neurotoxic
- Copper (excess) → Leaching pipes → GI issues, liver/kidney damage
- Nitrates/nitrites → Fertilizer runoff → Blue baby syndrome
- Arsenic → Groundwater → Carcinogen, organ damage
- Microplastics/nanoplastics → Tap & bottled water → Inflammation, endocrine disruption

🌬️ AIR
- Diesel exhaust (PAHs, particulates) → Traffic → Lung cancer, heart disease
- PM2.5 & PM10 → Combustion, dust → Cardiovascular, strokes
- Carbon monoxide → Car exhaust, heaters → Brain damage, death
- Nitrogen oxides (NOx) → Traffic, power plants → Asthma, smog
- Sulfur dioxide (SO₂) → Coal, diesel → Respiratory irritation
- Ground-level ozone (O₃) → Smog → Lung inflammation
- Formaldehyde → Smoke, building materials → Carcinogen, irritation
- VOCs (benzene, toluene, xylene, styrene) → Fuels, paints → Carcinogens, neurotoxins
- Radon → Soil into homes → Lung cancer
- Cigarette smoke → 7,000+ chemicals incl. benzene, arsenic, cadmium → Carcinogen, cardiovascular/lung disease
- Wildfire smoke → PM2.5, benzene, PAHs → Respiratory/systemic inflammation

🏠 HOUSEHOLD
- Parabens → Lotions, shampoos → Endocrine disruption
- Triclosan → Antibacterial soaps, toothpaste → Hormone disruptor, resistance
- Synthetic fragrances (phthalates, musks) → Perfumes, detergents → Hormone disruption, asthma
- Formaldehyde & releasers → Cosmetics, tissues, cleaners → Carcinogen
- Dioxins/furans → Bleached toilet paper, incineration → Carcinogens
- Ammonia → Cleaners → Respiratory irritant
- Chlorine (bleach) → Disinfectants → Irritant
- Quats (quaternary ammonium compounds) → Disinfectants, softeners → Asthma, irritation
- Optical brighteners → Laundry detergents → Skin/eye irritation
- Nonstick coatings (PTFE, PFOA) → Cookware → Carcinogens, liver toxicity
- Flame retardants (PBDEs, TBBPA) → Furniture, electronics → Neurotoxic, endocrine disruption
- Plastics (BPA, phthalates) → Containers, toys → Hormone disruption

💄 COSMETICS
- Lead → Lipstick, eyeliner → Neurotoxic
- Cadmium → Makeup pigments → Carcinogen
- Arsenic → Skin creams → Carcinogen
- Mercury → Skin lightening creams → Neurotoxic, kidney damage
- Oxybenzone, octinoxate → Sunscreens → Hormone disruption
- Titanium dioxide (nano) → Sunscreens, powders → Carcinogen if inhaled
- Formaldehyde & releasers → Hair/nail products → Carcinogen
- Toluene → Nail polish/dyes → Neurotoxin
- PPD (p-phenylenediamine) → Hair dye → Allergic reactions, carcinogen

👕 CLOTHING & FABRICS
- Formaldehyde → Wrinkle-free fabrics → Carcinogen, irritation
- Azo dyes → Cheap textiles → Carcinogenic amines
- Microplastics → Polyester, nylon → Inhaled/ingested → Inflammation
- Flame retardants → Pajamas, upholstery → Endocrine disruption, neurotoxicity

🏭 INDUSTRIAL & ENVIRONMENTAL
- Asbestos → Old insulation, tiles → Mesothelioma, lung cancer
- Styrene → Disposable plastics → Carcinogen, neurotoxin
- VOC solvents (toluene, xylene, benzene) → Paints, glues → Neurotoxic
- Heavy metals (Hg, Pb, Cd, Cr, Ni) → Industrial pollution → Carcinogens
- Pesticide drift (organophosphates, carbamates) → Agriculture → Neurotoxic, endocrine effects

🧪 SPECIAL MENTIONS
- Pharmaceutical residues → Drinking water → Hormone disruption, antibiotic resistance
- Nanoparticles (TiO₂, silver) → Sunscreens, fabrics → Inflammation, unknown long-term effects
- Endocrine disruptors (BPA, phthalates, parabens, PFAS, dioxins, pesticides) → Multiple sources → Fertility issues, metabolic disorders

dashboard.html

@@ -120,7 +120,11 @@
                         <i data-feather="activity" class="w-5 h-5"></i>
                         <span>Dashboard</span>
                     </a>
-                    <a href="#" class="flex items-center space-x-3 p-3 text-gray-600 hover:bg-gray-100 rounded-lg">
+                    <a href="toxins.html" class="flex items-center space-x-3 p-3 text-gray-600 hover:bg-gray-100 rounded-lg">
+                        <i data-feather="alert-triangle" class="w-5 h-5"></i>
+                        <span>Toxin Index</span>
+                    </a>
+<a href="#" class="flex items-center space-x-3 p-3 text-gray-600 hover:bg-gray-100 rounded-lg">
                         <i data-feather="camera" class="w-5 h-5"></i>
                         <span>Food Scanner</span>
                     </a>

index.html

@@ -38,7 +38,8 @@
                 <a href="#features" class="text-gray-600 hover:text-emerald-500 transition-all">Features</a>
                 <a href="#how-it-works" class="text-gray-600 hover:text-emerald-500 transition-all">How It Works</a>
                 <a href="dashboard.html" class="text-gray-600 hover:text-emerald-500 transition-all">Dashboard</a>
-            </div>
+                <a href="toxins.html" class="text-gray-600 hover:text-emerald-500 transition-all">Toxin Index</a>
+</div>
             <div class="flex space-x-3">
                 <a href="#" class="bg-emerald-500 hover:bg-emerald-600 text-white px-4 py-2 rounded-full transition-all flex items-center">
                     <i data-feather="download" class="mr-2"></i> Download

toxins.html

@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ToxiTrack - Toxin Index</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Poppins', sans-serif;
+        }
+        .toxin-card {
+            transition: all 0.3s ease;
+        }
+        .toxin-card:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+        }
+        .category-badge {
+            position: absolute;
+            top: -12px;
+            right: 20px;
+            padding: 4px 12px;
+            border-radius: 9999px;
+            font-weight: 600;
+            text-transform: uppercase;
+            font-size: 0.75rem;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <div class="container mx-auto px-4 py-12">
+        <!-- Header -->
+        <div class="text-center mb-16">
+            <h1 class="text-4xl font-bold text-gray-800 mb-4">ToxiTrack Toxin Index</h1>
+            <p class="text-lg text-gray-600 max-w-3xl mx-auto">
+                Comprehensive reference guide to common toxins in food, water, air, and household products
+            </p>
+        </div>
+
+        <!-- Tabs -->
+        <div class="flex justify-center mb-12">
+            <div class="inline-flex rounded-lg border border-gray-200 bg-white">
+                <button id="allTab" class="px-6 py-3 rounded-l-lg font-medium active-tab">All Toxins</button>
+                <button id="foodTab" class="px-6 py-3 font-medium text-gray-600 hover:text-gray-800 border-l border-gray-200">Food & Beverages</button>
+                <button id="waterTab" class="px-6 py-3 font-medium text-gray-600 hover:text-gray-800 border-l border-gray-200">Water</button>
+                <button id="airTab" class="px-6 py-3 font-medium text-gray-600 hover:text-gray-800 border-l border-gray-200">Air</button>
+                <button id="householdTab" class="px-6 py-3 font-medium text-gray-600 hover:text-gray-800 border-l border-gray-200">Household</button>
+                <button id="otherTab" class="px-6 py-3 rounded-r-lg font-medium text-gray-600 hover:text-gray-800 border-l border-gray-200">Other Sources</button>
+            </div>
+        </div>
+
+        <!-- Toxin Grid -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" id="toxinContainer">
+            <!-- Toxin cards will be dynamically filtered here -->
+        </div>
+
+        <!-- Sources Section -->
+        <div class="mt-16 p-8 bg-white rounded-xl shadow-sm">
+            <h2 class="text-2xl font-bold text-gray-800 mb-6">Key Sources of Toxin Exposure</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <div>
+                    <h3 class="text-lg font-semibold text-gray-700 mb-4">Top Food Sources</h3>
+                    <div class="space-y-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-emerald-500 mr-3 mt-1">
+                                <i data-feather="alert-triangle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Tuna/Swordfish:</span> High mercury content</p>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-emerald-500 mr-3 mt-1">
+                                <i data-feather="alert-triangle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Rice:</span> Often contains arsenic and cadmium</p>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-emerald-500 mr-3 mt-1">
+                                <i data-feather="alert-triangle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Processed Meats:</span> Nitrites/nitrates and PAHs</p>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-emerald-500 mr-3 mt-1">
+                                <i data-feather="alert-triangle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Non-organic Produce:</span> Pesticide residues</p>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <h3 class="text-lg font-semibold text-gray-700 mb-4">Top Environmental Sources</h3>
+                    <div class="space-y-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-red-500 mr-3 mt-1">
+                                <i data-feather="alert-circle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Air Pollution:</span> PM2.5, ozone, NOx from traffic</p>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-red-500 mr-3 mt-1">
+                                <i data-feather="alert-circle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Tap Water:</span> Lead, chlorine byproducts, PFAS</p>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-red-500 mr-3 mt-1">
+                                <i data-feather="alert-circle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Household Products:</span> Cleaning supplies, plastics</p>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0 h-5 w-5 text-red-500 mr-3 mt-1">
+                                <i data-feather="alert-circle"></i>
+                            </div>
+                            <p class="text-gray-600"><span class="font-medium">Personal Care Items:</span> Cosmetics with heavy metals</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Reduction Tips -->
+        <div class="mt-12 bg-emerald-50 rounded-xl p-8">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4">Reducing Your Toxin Exposure</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div class="bg-white p-6 rounded-lg">
+                    <div class="text-emerald-500 mb-4">
+                        <i data-feather="shopping-bag" class="w-8 h-8"></i>
+                    </div>
+                    <h3 class="font-semibold text-gray-800 mb-2">Smart Shopping</h3>
+                    <p class="text-gray-600 text-sm">Choose organic when possible, especially for the Dirty Dozen. Avoid processed foods and plastic packaging.</p>
+                </div>
+                <div class="bg-white p-6 rounded-lg">
+                    <div class="text-emerald-500 mb-4">
+                        <i data-feather="home" class="w-8 h-8"></i>
+                    </div>
+                    <h3 class="font-semibold text-gray-800 mb-2">Home Improvements</h3>
+                    <p class="text-gray-600 text-sm">Use HEPA air filters, water filters, and replace nonstick cookware with ceramic or stainless steel.</p>
+                </div>
+                <div class="bg-white p-6 rounded-lg">
+                    <div class="text-emerald-500 mb-4">
+                        <i data-feather="activity" class="w-8 h-8"></i>
+                    </div>
+                    <h3 class="font-semibold text-gray-800 mb-2">Regular Monitoring</h3>
+                    <p class="text-gray-600 text-sm">Track your toxin exposure with ToxiTrack and get personalized recommendations for reduction.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        feather.replace();
+        
+        // Toxin data
+        const toxins = [
+            // Food & Beverages
+            {
+                name: "Mercury",
+                category: "food",
+                sources: "Tuna, swordfish, king mackerel, shark, marlin",
+                effects: "Neurotoxin, brain/kidney damage",
+                severity: "high"
+            },
+            {
+                name: "Cadmium",
+                category: "food",
+                sources: "Cacao, rice, shellfish, leafy greens from polluted soils",
+                effects: "Kidney damage, bone loss, carcinogen",
+                severity: "medium"
+            },
+            {
+                name: "Arsenic (inorganic)",
+                category: "food",
+                sources: "Rice, groundwater, some seafood",
+                effects: "Carcinogen, skin lesions, vascular issues",
+                severity: "high"
+            },
+            {
+                name: "Lead",
+                category: "food",
+                sources: "Root vegetables in contaminated soil, spices, old pipes, imported candies",
+                effects: "Neurotoxin, developmental delays",
+                severity: "high"
+            },
+            {
+                name: "Glyphosate",
+                category: "food",
+                sources: "Non-organic wheat, oats, soy, corn",
+                effects: "Endocrine disruptor, possible carcinogen",
+                severity: "medium"
+            },
+            // Water
+            {
+                name: "PFAS (forever chemicals)",
+                category: "water",
+                sources: "Contaminated water",
+                effects: "Bioaccumulative, endocrine disruption",
+                severity: "high"
+            },
+            {
+                name: "Chlorine byproducts",
+                category: "water",
+                sources: "Chlorinated tap water",
+                effects: "Carcinogenic, liver/kidney toxicity",
+                severity: "medium"
+            },
+            // Air
+            {
+                name: "PM2.5 & PM10",
+                category: "air",
+                sources: "Combustion, dust",
+                effects: "Cardiovascular, strokes",
+                severity: "high"
+            },
+            {
+                name: "VOCs",
+                category: "air",
+                sources: "Fuels, paints",
+                effects: "Carcinogens, neurotoxins",
+                severity: "medium"
+            },
+            // Household
+            {
+                name: "Bisphenols (BPA, BPS)",
+                category: "household",
+                sources: "Plastic containers, receipts",
+                effects: "Endocrine disruption",
+                severity: "medium"
+            },
+            {
+                name: "Phthalates",
+                category: "household",
+                sources: "Vinyl flooring, plastic products",
+                effects: "Hormone disruption",
+                severity: "medium"
+            },
+            // Other
+            {
+                name: "Endocrine disruptors",
+                category: "other",
+                sources: "Multiple sources",
+                effects: "Fertility issues, metabolic disorders",
+                severity: "high"
+            }
+        ];
+
+        // Render toxin cards
+        function renderToxins(filter = 'all') {
+            const container = document.getElementById('toxinContainer');
+            container.innerHTML = '';
+
+            const filteredToxins = filter === 'all' ? toxins : toxins.filter(t => t.category === filter);
+
+            filteredToxins.forEach(toxin => {
+                const card = document.createElement('div');
+                card.className = `bg-white rounded-xl p-6 shadow-sm toxin-card relative`;
+
+                // Category badge with color
+                let categoryColor = 'bg-gray-200 text-gray-800';
+                let categoryName = 'Other';
+                
+                if (toxin.category === 'food') {
+                    categoryColor = 'bg-emerald-100 text-emerald-800';
+                    categoryName = 'Food';
+                } else if (toxin.category === 'water') {
+                    categoryColor = 'bg-blue-100 text-blue-800';
+                    categoryName = 'Water';
+                } else if (toxin.category === 'air') {
+                    categoryColor = 'bg-purple-100 text-purple-800';
+                    categoryName = 'Air';
+                } else if (toxin.category === 'household') {
+                    categoryColor = 'bg-yellow-100 text-yellow-800';
+                    categoryName = 'Household';
+                }
+
+                // Severity indicator
+                let severityColor = 'bg-red-500';
+                if (toxin.severity === 'medium') severityColor = 'bg-yellow-500';
+                if (toxin.severity === 'low') severityColor = 'bg-green-500';
+
+                card.innerHTML = `
+                    <div class="category-badge ${categoryColor}">${categoryName}</div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2">${toxin.name}</h3>
+                    <div class="flex items-center mb-4">
+                        <div class="text-sm font-medium text-gray-600 mr-2">Severity:</div>
+                        <div class="flex space-x-1">
+                            <div class="w-3 h-3 rounded-full ${severityColor}"></div>
+                            <div class="text-xs font-medium text-gray-500">${toxin.severity}</div>
+                        </div>
+                    </div>
+                    <div class="mb-4">
+                        <p class="text-sm font-medium text-gray-600">Common Sources:</p>
+                        <p class="text-gray-700">${toxin.sources}</p>
+                    </div>
+                    <div>
+                        <p class="text-sm font-medium text-gray-600">Health Effects:</p>
+                        <p class="text-gray-700">${toxin.effects}</p>
+                    </div>
+                `;
+
+                container.appendChild(card);
+            });
+
+            feather.replace();
+        }
+
+        // Tab functionality
+        document.getElementById('allTab').addEventListener('click', () => {
+            document.querySelectorAll('[id$="Tab"]').forEach(tab => {
+                tab.classList.remove('active-tab', 'text-emerald-600');
+                tab.classList.add('text-gray-600');
+            });
+            document.getElementById('allTab').classList.add('active-tab', 'text-emerald-600');
+            renderToxins('all');
+        });
+
+        document.getElementById('foodTab').addEventListener('click', () => {
+            document.querySelectorAll('[id$="Tab"]').forEach(tab => {
+                tab.classList.remove('active-tab', 'text-emerald-600');
+                tab.classList.add('text-gray-600');
+            });
+            document.getElementById('foodTab').classList.add('active-tab', 'text-emerald-600');
+            renderToxins('food');
+        });
+
+        document.getElementById('waterTab').addEventListener('click', () => {
+            document.querySelectorAll('[id$="Tab"]').forEach(tab => {
+                tab.classList.remove('active-tab', 'text-emerald-600');
+                tab.classList.add('text-gray-600');
+            });
+            document.getElementById('waterTab').classList.add('active-tab', 'text-emerald-600');
+            renderToxins('water');
+        });
+
+        document.getElementById('airTab').addEventListener('click', () => {
+            document.querySelectorAll('[id$="Tab"]').forEach(tab => {
+                tab.classList.remove('active-tab', 'text-emerald-600');
+                tab.classList.add('text-gray-600');
+            });
+            document.getElementById('airTab').classList.add('active-tab', 'text-emerald-600');
+            renderToxins('air');
+        });
+
+        document.getElementById('householdTab').addEventListener('click', () => {
+            document.querySelectorAll('[id$="Tab"]').forEach(tab => {
+                tab.classList.remove('active-tab', 'text-emerald-600');
+                tab.classList.add('text-gray-600');
+            });
+            document.getElementById('householdTab').classList.add('active-tab', 'text-emerald-600');
+            renderToxins('household');
+        });
+
+        document.getElementById('otherTab').addEventListener('click', () => {
+            document.querySelectorAll('[id$="Tab"]').forEach(tab => {
+                tab.classList.remove('active-tab', 'text-emerald-600');
+                tab.classList.add('text-gray-600');
+            });
+            document.getElementById('otherTab').classList.add('active-tab', 'text-emerald-600');
+            renderToxins('other');
+        });
+
+        // Initial render
+        document.getElementById('allTab').classList.add('text-emerald-600');
+        renderToxins();
+    </script>
+</body>
+</html>