Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ADHD & SNRIs: Long-Term Treatment Considerations</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } | |
| </style> | |
| </head> | |
| <body class="gradient-bg min-h-screen font-sans"> | |
| <header class="bg-indigo-900 text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center space-x-3"> | |
| <i class="fas fa-brain text-3xl text-indigo-300"></i> | |
| <h1 class="text-2xl md:text-3xl font-bold">ADHD & SNRIs</h1> | |
| </div> | |
| <button class="md:hidden text-xl" id="menu-toggle"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| <nav class="hidden md:flex space-x-6"> | |
| <a href="#overview" class="hover:text-indigo-200 transition">Overview</a> | |
| <a href="#treatment" class="hover:text-indigo-200 transition">Treatment</a> | |
| <a href="#alternatives" class="hover:text-indigo-200 transition">Alternatives</a> | |
| <a href="#faq" class="hover:text-indigo-200 transition">FAQ</a> | |
| </nav> | |
| </div> | |
| </div> | |
| <div class="md:hidden hidden bg-indigo-800 px-4 py-2" id="mobile-menu"> | |
| <div class="flex flex-col space-y-3"> | |
| <a href="#overview" class="hover:text-indigo-200 transition">Overview</a> | |
| <a href="#treatment" class="hover:text-indigo-200 transition">Treatment</a> | |
| <a href="#alternatives" class="hover:text-indigo-200 transition">Alternatives</a> | |
| <a href="#faq" class="hover:text-indigo-200 transition">FAQ</a> | |
| </div> | |
| </div> | |
| </header> | |
| <main class="container mx-auto px-4 py-8"> | |
| <section id="hero" class="mb-16"> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden md:flex"> | |
| <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Understanding ADHD & SNRIs</h2> | |
| <p class="text-gray-600 mb-6">Exploring the long-term use of serotonin-norepinephrine reuptake inhibitors (SNRIs) for ADHD management and what current research suggests.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#treatment" class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300">Learn More</a> | |
| <a href="#faq" class="border border-indigo-600 text-indigo-600 hover:bg-indigo-50 px-6 py-3 rounded-lg font-medium transition duration-300">FAQs</a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <img src="https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Brain and medication" class="w-full h-full object-cover"> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="overview" class="mb-16"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">ADHD and SNRIs: Key Considerations</h2> | |
| <div class="w-20 h-1 bg-indigo-600 mx-auto mb-6"></div> | |
| <p class="text-gray-600 max-w-3xl mx-auto">Attention Deficit Hyperactivity Disorder (ADHD) is typically treated with stimulant medications, but SNRIs are sometimes considered, especially when there are co-occurring conditions.</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300"> | |
| <div class="text-indigo-600 mb-4"> | |
| <i class="fas fa-question-circle text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Are SNRIs First-Line?</h3> | |
| <p class="text-gray-600">SNRIs are not typically first-line treatments for ADHD. Stimulant medications like methylphenidate and amphetamines are usually more effective for core ADHD symptoms.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300"> | |
| <div class="text-indigo-600 mb-4"> | |
| <i class="fas fa-user-md text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">When Are They Used?</h3> | |
| <p class="text-gray-600">SNRIs may be considered when ADHD co-occurs with depression or anxiety, or when patients don't respond well to stimulants or can't tolerate their side effects.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300"> | |
| <div class="text-indigo-600 mb-4"> | |
| <i class="fas fa-calendar-check text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Long-Term Use?</h3> | |
| <p class="text-gray-600">There's limited research on lifelong SNRI use for ADHD. Treatment should be regularly reassessed based on symptom control, side effects, and quality of life.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="treatment" class="mb-16 bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/2 p-8 md:p-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-6">SNRIs for ADHD Treatment</h2> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-indigo-100 rounded-full p-2 mr-4"> | |
| <i class="fas fa-pills text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-2">Common SNRIs Used</h3> | |
| <p class="text-gray-600">Venlafaxine (Effexor) and duloxetine (Cymbalta) are the most studied SNRIs for ADHD, though they're not FDA-approved for this specific use.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-indigo-100 rounded-full p-2 mr-4"> | |
| <i class="fas fa-chart-line text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-2">Effectiveness</h3> | |
| <p class="text-gray-600">Research shows SNRIs may help with emotional regulation and some cognitive symptoms, but are generally less effective than stimulants for core ADHD symptoms.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-indigo-100 rounded-full p-2 mr-4"> | |
| <i class="fas fa-clock text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-2">Duration of Treatment</h3> | |
| <p class="text-gray-600">There's no definitive answer about lifelong use. Treatment should be individualized, with regular evaluations of benefits versus side effects.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 bg-indigo-50 flex items-center justify-center p-8"> | |
| <div class="max-w-md"> | |
| <div class="bg-white p-6 rounded-lg shadow-md mb-6"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Potential Benefits</h3> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>May help with co-occurring depression/anxiety</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>Lower abuse potential than stimulants</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> | |
| <span>May improve emotional dysregulation</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Potential Drawbacks</h3> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-exclamation-circle text-red-500 mt-1 mr-2"></i> | |
| <span>Less effective for core ADHD symptoms</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-exclamation-circle text-red-500 mt-1 mr-2"></i> | |
| <span>Possible side effects (nausea, insomnia, etc.)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-exclamation-circle text-red-500 mt-1 mr-2"></i> | |
| <span>Withdrawal symptoms if stopped abruptly</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="alternatives" class="mb-16"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Alternative Treatment Options</h2> | |
| <div class="w-20 h-1 bg-indigo-600 mx-auto mb-6"></div> | |
| <p class="text-gray-600 max-w-3xl mx-auto">For individuals with ADHD who cannot or choose not to use SNRIs long-term, several alternative treatment approaches exist.</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> | |
| <div class="h-40 bg-indigo-100 flex items-center justify-center"> | |
| <i class="fas fa-bolt text-5xl text-indigo-600"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Stimulant Medications</h3> | |
| <p class="text-gray-600">Methylphenidate and amphetamine-based medications are first-line treatments with strong evidence for ADHD symptom reduction.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> | |
| <div class="h-40 bg-indigo-100 flex items-center justify-center"> | |
| <i class="fas fa-leaf text-5xl text-indigo-600"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Non-Stimulant Medications</h3> | |
| <p class="text-gray-600">Atomoxetine (Strattera) and guanfacine (Intuniv) are FDA-approved non-stimulant options with different mechanisms than SNRIs.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> | |
| <div class="h-40 bg-indigo-100 flex items-center justify-center"> | |
| <i class="fas fa-brain text-5xl text-indigo-600"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Behavioral Therapies</h3> | |
| <p class="text-gray-600">Cognitive Behavioral Therapy (CBT) and ADHD coaching can help develop coping strategies and improve executive functioning.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> | |
| <div class="h-40 bg-indigo-100 flex items-center justify-center"> | |
| <i class="fas fa-heartbeat text-5xl text-indigo-600"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Lifestyle Approaches</h3> | |
| <p class="text-gray-600">Exercise, sleep hygiene, nutrition, and mindfulness practices can complement other treatments for ADHD management.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="faq" class="mb-16 bg-indigo-50 rounded-xl p-8"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Frequently Asked Questions</h2> | |
| <div class="w-20 h-1 bg-indigo-600 mx-auto mb-6"></div> | |
| </div> | |
| <div class="max-w-3xl mx-auto space-y-6"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <button class="flex justify-between items-center w-full text-left focus:outline-none" onclick="toggleFAQ(1)"> | |
| <h3 class="text-xl font-semibold text-gray-800">Should someone with ADHD take SNRIs for life?</h3> | |
| <i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300" id="faq-icon-1"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden" id="faq-content-1"> | |
| <p>There's no one-size-fits-all answer to this question. The decision to use SNRIs long-term for ADHD should be made on an individual basis in consultation with a healthcare provider. Considerations include:</p> | |
| <ul class="mt-3 space-y-2 pl-5 list-disc"> | |
| <li>How well the medication controls symptoms</li> | |
| <li>Presence of side effects</li> | |
| <li>Co-occurring conditions that may benefit from SNRIs</li> | |
| <li>Patient preference and quality of life</li> | |
| <li>Availability and effectiveness of alternative treatments</li> | |
| </ul> | |
| <p class="mt-3">Regular reassessment (at least annually) is recommended to determine if continued treatment is beneficial.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <button class="flex justify-between items-center w-full text-left focus:outline-none" onclick="toggleFAQ(2)"> | |
| <h3 class="text-xl font-semibold text-gray-800">How do SNRIs compare to stimulants for ADHD treatment?</h3> | |
| <i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300" id="faq-icon-2"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden" id="faq-content-2"> | |
| <p>Stimulant medications (like methylphenidate and amphetamines) are generally more effective than SNRIs for treating core ADHD symptoms of inattention, hyperactivity, and impulsivity. Key differences:</p> | |
| <div class="mt-3 grid md:grid-cols-2 gap-4"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Stimulants</h4> | |
| <ul class="mt-2 space-y-2 pl-5 list-disc"> | |
| <li>70-80% response rate for ADHD symptoms</li> | |
| <li>Work quickly (within hours)</li> | |
| <li>Directly increase dopamine and norepinephrine</li> | |
| <li>More side effects like appetite suppression</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">SNRIs</h4> | |
| <ul class="mt-2 space-y-2 pl-5 list-disc"> | |
| <li>30-50% response rate for ADHD symptoms</li> | |
| <li>Take weeks to show full effect</li> | |
| <li>Primarily affect serotonin and norepinephrine</li> | |
| <li>May help with co-occurring mood disorders</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <button class="flex justify-between items-center w-full text-left focus:outline-none" onclick="toggleFAQ(3)"> | |
| <h3 class="text-xl font-semibold text-gray-800">What are the risks of long-term SNRI use?</h3> | |
| <i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300" id="faq-icon-3"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden" id="faq-content-3"> | |
| <p>Potential risks of long-term SNRI use include:</p> | |
| <ul class="mt-3 space-y-2 pl-5 list-disc"> | |
| <li><strong>Tolerance:</strong> Some patients may need dose increases over time</li> | |
| <li><strong>Withdrawal symptoms:</strong> Discontinuation syndrome if stopped abruptly (dizziness, nausea, "brain zaps")</li> | |
| <li><strong>Emotional blunting:</strong> Some report reduced ability to experience emotions</li> | |
| <li><strong>Sexual side effects:</strong> May persist long-term in some individuals</li> | |
| <li><strong>Unknown long-term effects:</strong> Limited data on decades of continuous use</li> | |
| <li><strong>Interactions:</strong> Potential for drug interactions may increase with age</li> | |
| </ul> | |
| <p class="mt-3">However, for some individuals, the benefits may outweigh these risks when properly managed.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <button class="flex justify-between items-center w-full text-left focus:outline-none" onclick="toggleFAQ(4)"> | |
| <h3 class="text-xl font-semibold text-gray-800">Are there natural alternatives to SNRIs for ADHD?</h3> | |
| <i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300" id="faq-icon-4"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden" id="faq-content-4"> | |
| <p>While natural alternatives typically aren't as potent as medications, some options with varying levels of evidence include:</p> | |
| <div class="mt-3 grid md:grid-cols-2 gap-4"> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Supplements</h4> | |
| <ul class="mt-2 space-y-2 pl-5 list-disc"> | |
| <li>Omega-3 fatty acids (especially EPA)</li> | |
| <li>Zinc, iron (if deficient)</li> | |
| <li>Magnesium</li> | |
| <li>Pycnogenol (pine bark extract)</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-800">Lifestyle Approaches</h4> | |
| <ul class="mt-2 space-y-2 pl-5 list-disc"> | |
| <li>Regular aerobic exercise</li> | |
| <li>Mindfulness meditation</li> | |
| <li>Behavioral therapy techniques</li> | |
| <li>Sleep optimization</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <p class="mt-3">Note that evidence for these alternatives is generally weaker than for medications, and they may work best as complements to other treatments.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="bg-indigo-900 text-white rounded-xl p-8 md:p-12 text-center pulse"> | |
| <h2 class="text-2xl md:text-3xl font-bold mb-6">Important Reminder</h2> | |
| <p class="text-lg md:text-xl mb-8 max-w-3xl mx-auto">ADHD treatment should always be personalized. Decisions about long-term medication use should be made in collaboration with a qualified healthcare provider who understands your unique situation.</p> | |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6"> | |
| <a href="#" class="bg-white hover:bg-gray-100 text-indigo-900 px-8 py-4 rounded-lg font-bold transition duration-300 inline-block">Find a Specialist</a> | |
| <a href="#" class="border-2 border-white hover:bg-indigo-800 px-8 py-4 rounded-lg font-bold transition duration-300 inline-block">Learn More About ADHD</a> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="bg-gray-800 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-semibold mb-4">ADHD Resources</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-indigo-300 transition">CHADD</a></li> | |
| <li><a href="#" class="hover:text-indigo-300 transition">ADDA</a></li> | |
| <li><a href="#" class="hover:text-indigo-300 transition">Understood</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold mb-4">Medication Info</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-indigo-300 transition">FDA Information</a></li> | |
| <li><a href="#" class="hover:text-indigo-300 transition">Medication Guides</a></li> | |
| <li><a href="#" class="hover:text-indigo-300 transition">Research Studies</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold mb-4">Support</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-indigo-300 transition">Find a Therapist</a></li> | |
| <li><a href="#" class="hover:text-indigo-300 transition">Support Groups</a></li> | |
| <li><a href="#" class="hover:text-indigo-300 transition">Crisis Resources</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold mb-4">Connect</h3> | |
| <div class="flex space-x-4 mb-4"> | |
| <a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-facebook-f text-xl"></i></a> | |
| <a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-twitter text-xl"></i></a> | |
| <a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-instagram text-xl"></i></a> | |
| <a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-youtube text-xl"></i></a> | |
| </div> | |
| <p class="text-gray-400">Subscribe to our newsletter</p> | |
| <div class="mt-2 flex"> | |
| <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-lg text-gray-800 w-full"> | |
| <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-r-lg"><i class="fas fa-paper-plane"></i></button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-12 pt-8 text-center text-gray-400"> | |
| <p>This information is for educational purposes only and not a substitute for professional medical advice.</p> | |
| <p class="mt-2">© 2023 ADHD Treatment Resources. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('menu-toggle').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // FAQ toggle functionality | |
| function toggleFAQ(num) { | |
| const content = document.getElementById(`faq-content-${num}`); | |
| const icon = document.getElementById(`faq-icon-${num}`); | |
| content.classList.toggle('hidden'); | |
| icon.classList.toggle('transform'); | |
| icon.classList.toggle('rotate-180'); | |
| } | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| window.scrollTo({ | |
| top: targetElement.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (!mobileMenu.classList.contains('hidden')) { | |
| mobileMenu.classList.add('hidden'); | |
| } | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Eric2020188/adhderinspace" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |