Hugging Face's logo

Spaces:
caustino
/
interactive
Configuration error

App Files Community
caustino commited on
Commit
6f0383c
·
verified ·
1 Parent(s): ef7beb0

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +683 -140
index.html CHANGED
@@ -1,153 +1,696 @@
1
- # app.py
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2
 
3
- import gradio as gr
4
- import pandas as pd
5
- import requests
6
- from bs4 import BeautifulSoup
7
- from transformers import pipeline
 
 
 
 
 
 
 
 
 
8
 
9
- # --- Backend Functions ---
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
 
11
- # 1. Function for the WCAG Checker Tab
12
- def check_accessibility(url):
13
- """
14
- Performs a very basic accessibility check on a given URL.
15
- This is a simplified example.
16
- """
17
- if not url.startswith('http'):
18
- url = 'https://' + url
19
- try:
20
- response = requests.get(url, timeout=10)
21
- soup = BeautifulSoup(response.content, 'html.parser')
22
-
23
- results = []
24
- # Check 1: Document language
25
- if soup.html and soup.html.get('lang'):
26
- results.append("✅ HTML 'lang' attribute is present.")
27
- else:
28
- results.append("❌ HTML 'lang' attribute is missing. This is important for screen readers.")
29
-
30
- # Check 2: Image alt text
31
- images_without_alt = [img for img in soup.find_all('img') if not img.get('alt', '').strip()]
32
- if not images_without_alt:
33
- results.append("✅ All <img> tags seem to have 'alt' attributes.")
34
- else:
35
- results.append(f"❌ Found {len(images_without_alt)} <img> tags missing descriptive 'alt' text.")
36
-
37
- # Check 3: Page Title
38
- if soup.title and soup.title.string:
39
- results.append(f"✅ Page has a title: '{soup.title.string.strip()}'")
40
- else:
41
- results.append("❌ Page is missing a <title> tag.")
42
 
43
- return "\n".join(results)
44
-
45
- except requests.RequestException as e:
46
- return f"Error: Could not fetch the URL. Please check the address. Details: {e}"
47
- except Exception as e:
48
- return f"An unexpected error occurred: {e}"
49
-
50
- # 2. Functions for the Data Explorer Tab
51
- # Let's create some sample data to represent your projects.
52
- # In a real-world scenario, you would upload these as CSV files to your Space.
53
-
54
- # Mock Data for 'ssa-death-stats'
55
- ssa_data = {
56
- 'Year': [2020, 2021, 2022],
57
- 'Total Deaths (Millions)': [3.3, 3.4, 3.2],
58
- 'Cause': ['Various', 'Various', 'Various']
59
- }
60
- df_ssa = pd.DataFrame(ssa_data)
61
-
62
- # Mock Data for 'add-ssdi'
63
- add_ssdi_data = {
64
- 'Fiscal Year': [2021, 2022],
65
- 'Applications (Thousands)': [1950, 1870],
66
- 'Initial Claims with ADD Diagnosis': [78000, 81000]
67
- }
68
- df_add_ssdi = pd.DataFrame(add_ssdi_data)
69
-
70
- datasets = {
71
- "SSA Death Statistics": df_ssa,
72
- "ADD & SSDI Claims": df_add_ssdi,
73
- }
74
-
75
- def get_dataset(dataset_name):
76
- """Returns the selected pandas DataFrame."""
77
- return datasets.get(dataset_name, pd.DataFrame())
78
-
79
- # 3. Function for the AI Chat Tab
80
- # Using a simple conversational pipeline from Hugging Face
81
- chatbot = pipeline("conversational", model="microsoft/DialoGPT-medium")
82
-
83
- def chat_with_ai(message, history):
84
- """
85
- Takes user message and conversation history, returns AI response.
86
- """
87
- history = history or []
88
- response = chatbot(message, history)
89
- # The pipeline returns a Conversation object, we need to extract the response
90
- # This part might need adjustment based on the exact pipeline version
91
- if hasattr(response, 'generated_responses'):
92
- # For newer versions
93
- new_response = response.generated_responses[-1]
94
- else:
95
- # Fallback for older structures
96
- new_response = response.conversation_history[-1]
97
 
98
- history.append((message, new_response))
99
- return "", history
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
 
102
- # --- Gradio UI ---
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
 
104
- with gr.Blocks(theme=gr.themes.Soft(), css="footer {visibility: hidden}") as demo:
105
- gr.Markdown("# 🤖 Consolidated AI & Data Hub for Disability Justice")
106
- gr.Markdown("An integrated platform combining accessibility tools, data insights, and AI assistance.")
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
107
 
108
- with gr.Tab("🏠 Home"):
109
- gr.Markdown(
110
- """
111
- ## Welcome!
112
- This application brings together several tools and datasets focused on accessibility and disability justice.
113
-
114
- Navigate through the tabs to explore:
115
- - **WCAG Checker:** A simple tool to analyze web accessibility.
116
- - **Disability Data Explorer:** View data related to Social Security and disability claims.
117
- - **AI for Disability Justice:** An AI assistant to answer your questions.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
118
 
119
- *This is a demonstration project created by `caustino`.*
120
- """
121
- )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
122
 
123
- with gr.Tab("♿ WCAG Checker"):
124
- gr.Markdown("### Basic Web Accessibility (WCAG) Checker")
125
- gr.Markdown("Enter a website URL to perform a few basic accessibility checks.")
126
- with gr.Row():
127
- url_input = gr.Textbox(label="Website URL", placeholder="e.g., example.com")
128
- check_button = gr.Button("Analyze Site", variant="primary")
129
- output_text = gr.Textbox(label="Analysis Results", lines=8, interactive=False)
 
 
 
 
 
 
 
 
 
 
130
 
131
- check_button.click(fn=check_accessibility, inputs=url_input, outputs=output_text)
132
-
133
- with gr.Tab("📊 Disability Data Explorer"):
134
- gr.Markdown("### Explore Disability-Related Datasets")
135
- gr.Markdown("Select a dataset from the dropdown to view its contents.")
136
- dataset_dropdown = gr.Dropdown(choices=list(datasets.keys()), label="Select Dataset")
137
- data_frame_output = gr.DataFrame(label="Dataset")
 
 
 
 
 
 
 
 
 
 
 
 
 
138
 
139
- dataset_dropdown.change(fn=get_dataset, inputs=dataset_dropdown, outputs=data_frame_output)
140
-
141
- with gr.Tab("💬 AI for Disability Justice"):
142
- gr.Markdown("### AI Assistant")
143
- gr.Markdown("Ask questions about disability rights, accessibility, or the data presented in this hub.")
144
- chatbot_ui = gr.Chatbot(label="Conversation")
145
- msg_input = gr.Textbox(label="Your Message", placeholder="Type your question here and press Enter...")
146
- clear_button = gr.Button("Clear Chat")
147
-
148
- msg_input.submit(fn=chat_with_ai, inputs=[msg_input, chatbot_ui], outputs=[msg_input, chatbot_ui])
149
- clear_button.click(lambda: None, None, chatbot_ui, queue=False)
150
-
151
-
152
- # Launch the application
153
- demo.launch()
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ADHD & TBI Neurobiological Report</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
11
+ body {
12
+ font-family: 'Roboto', sans-serif;
13
+ line-height: 1.6;
14
+ }
15
+ .section-header {
16
+ position: relative;
17
+ padding-left: 1.5rem;
18
+ }
19
+ .section-header:before {
20
+ content: "";
21
+ position: absolute;
22
+ left: 0;
23
+ top: 0;
24
+ height: 100%;
25
+ width: 5px;
26
+ background: linear-gradient(to bottom, #3b82f6, #1d4ed8);
27
+ border-radius: 3px;
28
+ }
29
+ .table-container {
30
+ overflow-x: auto;
31
+ }
32
+ table {
33
+ min-width: 650px;
34
+ }
35
+ .highlight-box {
36
+ background-color: #f0f9ff;
37
+ border-left: 4px solid #3b82f6;
38
+ }
39
+ .nav-link.active {
40
+ color: #3b82f6;
41
+ font-weight: 500;
42
+ border-bottom: 2px solid #3b82f6;
43
+ }
44
+ @media print {
45
+ .no-print {
46
+ display: none;
47
+ }
48
+ body {
49
+ font-size: 12pt;
50
+ }
51
+ }
52
+ </style>
53
+ </head>
54
+ <body class="bg-gray-50 text-gray-800">
55
+ <!-- Header -->
56
+ <header class="bg-white shadow-md py-6 no-print">
57
+ <div class="container mx-auto px-4">
58
+ <div class="flex flex-col md:flex-row justify-between items-center">
59
+ <div class="mb-4 md:mb-0">
60
+ <h1 class="text-2xl md:text-3xl font-bold text-blue-800">Neurobiological Report</h1>
61
+ <p class="text-gray-600">ADHD & TBI Comparative Analysis</p>
62
+ </div>
63
+ <div class="flex space-x-4">
64
+ <button onclick="window.print()" class="flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
65
+ <i class="fas fa-print mr-2"></i> Print Report
66
+ </button>
67
+ <button id="toggleDarkMode" class="flex items-center px-4 py-2 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 transition">
68
+ <i class="fas fa-moon mr-2"></i> Dark Mode
69
+ </button>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ </header>
74
 
75
+ <!-- Navigation -->
76
+ <nav class="bg-white shadow-sm sticky top-0 z-10 no-print">
77
+ <div class="container mx-auto px-4 overflow-x-auto">
78
+ <div class="flex space-x-6 py-4">
79
+ <a href="#executive-summary" class="nav-link py-2 px-1 transition">Summary</a>
80
+ <a href="#introduction" class="nav-link py-2 px-1 transition">Introduction</a>
81
+ <a href="#neurobiology" class="nav-link py-2 px-1 transition">Neurobiology</a>
82
+ <a href="#functional-impacts" class="nav-link py-2 px-1 transition">Functional Impacts</a>
83
+ <a href="#pharmacology" class="nav-link py-2 px-1 transition">Pharmacology</a>
84
+ <a href="#disability-policy" class="nav-link py-2 px-1 transition">Disability Policy</a>
85
+ <a href="#conclusion" class="nav-link py-2 px-1 transition">Conclusion</a>
86
+ </div>
87
+ </div>
88
+ </nav>
89
 
90
+ <!-- Main Content -->
91
+ <main class="container mx-auto px-4 py-8">
92
+ <!-- Executive Summary -->
93
+ <section id="executive-summary" class="mb-16">
94
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">Executive Summary</h2>
95
+ <div class="bg-white rounded-lg shadow-md p-6 mb-6">
96
+ <div class="highlight-box p-4 rounded mb-6">
97
+ <p class="font-semibold text-blue-700">This report establishes <span class="font-bold">Attention-Deficit/Hyperactivity Disorder (ADHD) as a primary neurological disability</span>, drawing direct parallels with Traumatic Brain Injury (TBI) through comprehensive analysis of neurobiological evidence and functional impairments.</p>
98
+ </div>
99
+
100
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
101
+ <div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
102
+ <h3 class="font-bold text-lg text-blue-700 mb-2">Key Findings on ADHD</h3>
103
+ <ul class="list-disc pl-5 space-y-2">
104
+ <li>ADHD affects 5-7% of children worldwide with 50-65% persistence into adulthood</li>
105
+ <li>High heritability (70-88%) with identifiable genetic variants</li>
106
+ <li>3-5% reduction in total brain and gray matter volumes</li>
107
+ <li>Dysfunction in dopamine, glutamate, and GABA systems</li>
108
+ </ul>
109
+ </div>
110
+ <div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
111
+ <h3 class="font-bold text-lg text-blue-700 mb-2">Parallels with TBI</h3>
112
+ <ul class="list-disc pl-5 space-y-2">
113
+ <li>Shared cognitive and executive function deficits</li>
114
+ <li>Similar impacts on dopamine systems</li>
115
+ <li>Comparable educational/occupational impairment</li>
116
+ <li>Pervasive sleep dysregulation in both conditions</li>
117
+ </ul>
118
+ </div>
119
+ </div>
120
+
121
+ <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-r mb-6">
122
+ <h3 class="font-bold text-lg text-yellow-800 mb-2">Critical Note on Desoxyn</h3>
123
+ <p>While Desoxyn (methamphetamine) impacts neurotransmitter systems relevant to ADHD, <span class="font-semibold">current medical guidelines do not support its use as a first-line treatment</span> due to significant risk profile and potential for augmentation.</p>
124
+ </div>
125
+
126
+ <p>The findings necessitate a re-evaluation of disability assessment protocols to align with modern scientific understanding, advocating for more equitable determinations for individuals affected by these complex neurological disorders.</p>
127
+ </div>
128
+ </section>
129
 
130
+ <!-- Introduction -->
131
+ <section id="introduction" class="mb-16">
132
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">1. Introduction: Redefining Neurodevelopmental and Neurological Impairments as Disabilities</h2>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
 
134
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
135
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">1.1 The Evolving Paradigm of ADHD as a Primary Neurological Condition</h3>
136
+
137
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
138
+ <div>
139
+ <p><span class="font-semibold">ADHD is now firmly established as a complex neurobiological condition</span> characterized by identifiable structural, functional, and neurochemical abnormalities within the brain. Historically perceived as behavioral, modern research demonstrates:</p>
140
+ <ul class="list-disc pl-5 mt-3 space-y-2">
141
+ <li>High heritability (70-88% from twin studies)</li>
142
+ <li>Measurable differences in brain development</li>
143
+ <li>3-5% reduction in total brain volume</li>
144
+ <li>Delayed cortical maturation (≈3 years)</li>
145
+ </ul>
146
+ </div>
147
+ <div class="bg-blue-50 p-4 rounded-lg">
148
+ <h4 class="font-bold text-blue-700 mb-2">Genetic Basis of ADHD</h4>
149
+ <p>The consistent identification of genetic variants in dopamine, norepinephrine, and serotonin pathways directly links ADHD to fundamental neurochemical imbalances, establishing a clear biological cause for the disorder's manifestations.</p>
150
+ </div>
151
+ </div>
152
+ </div>
153
+
154
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
155
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">1.2 Traumatic Brain Injury (TBI): A Benchmark for Neurological Disability</h3>
156
+
157
+ <div class="flex flex-col md:flex-row gap-6 mb-6">
158
+ <div class="flex-1">
159
+ <p><span class="font-semibold">TBI serves as a well-established benchmark</span> for neurological disability, classified by severity using objective measures:</p>
160
+ <ul class="list-disc pl-5 mt-3 space-y-2">
161
+ <li>Glasgow Coma Scale (GCS)</li>
162
+ <li>Duration of loss of consciousness</li>
163
+ <li>Post-traumatic amnesia</li>
164
+ </ul>
165
+ </div>
166
+ <div class="flex-1 bg-gray-50 p-4 rounded-lg">
167
+ <h4 class="font-bold text-gray-700 mb-2">Cognitive Deficits in TBI</h4>
168
+ <p>Prominent causes of disability include impairments in:</p>
169
+ <div class="flex flex-wrap gap-2 mt-2">
170
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Memory</span>
171
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Attention</span>
172
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Processing Speed</span>
173
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Executive Functions</span>
174
+ </div>
175
+ </div>
176
+ </div>
177
+
178
+ <div class="highlight-box p-4 rounded">
179
+ <p class="font-semibold">The clear disability status of TBI provides a robust comparative framework. If ADHD demonstrates similar brain pathology and functional limitations, it warrants comparable disability status regardless of etiology.</p>
180
+ </div>
181
+ </div>
182
+ </section>
 
 
 
 
 
183
 
184
+ <!-- Neurobiological Underpinnings -->
185
+ <section id="neurobiology" class="mb-16">
186
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">2. Neurobiological and Genetic Underpinnings of ADHD and TBI</h2>
187
+
188
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
189
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">2.1 ADHD: Brain Structure, Function, and Neurochemistry</h3>
190
+
191
+ <div class="mb-6">
192
+ <h4 class="text-xl font-semibold text-gray-700 mb-3">Structural and Functional Abnormalities</h4>
193
+ <div class="grid md:grid-cols-2 gap-6">
194
+ <div>
195
+ <p>Neuroimaging reveals consistent abnormalities in ADHD brains:</p>
196
+ <ul class="list-disc pl-5 mt-2 space-y-2">
197
+ <li><span class="font-semibold">Prefrontal cortex</span>: Planning, working memory</li>
198
+ <li><span class="font-semibold">Anterior cingulate cortex</span>: Attention, impulse control</li>
199
+ <li><span class="font-semibold">Basal ganglia</span>: Motor control, executive functions</li>
200
+ <li><span class="font-semibold">Cerebellum</span>: Coordination, timing</li>
201
+ </ul>
202
+ </div>
203
+ <div class="bg-gray-50 p-4 rounded-lg">
204
+ <h5 class="font-bold text-gray-700 mb-2">Functional Networks</h5>
205
+ <ul class="list-disc pl-5 space-y-1">
206
+ <li><span class="font-semibold">Hypoactivation</span>: Cingulo-frontoparietal networks</li>
207
+ <li><span class="font-semibold">Hyperactivation</span>: Default Mode Network during tasks</li>
208
+ </ul>
209
+ </div>
210
+ </div>
211
+ </div>
212
+
213
+ <div class="mb-6">
214
+ <h4 class="text-xl font-semibold text-gray-700 mb-3">Genetic Architecture of ADHD</h4>
215
+ <div class="overflow-x-auto">
216
+ <table class="min-w-full bg-white border border-gray-200 mb-4">
217
+ <thead class="bg-gray-100">
218
+ <tr>
219
+ <th class="py-2 px-4 border-b text-left">Gene/Polymorphism</th>
220
+ <th class="py-2 px-4 border-b text-left">Neurobiological Effect</th>
221
+ <th class="py-2 px-4 border-b text-left">Functional Impact</th>
222
+ </tr>
223
+ </thead>
224
+ <tbody>
225
+ <tr class="hover:bg-gray-50">
226
+ <td class="py-2 px-4 border-b">DRD4 (7R/2R alleles)</td>
227
+ <td class="py-2 px-4 border-b">Blunted dopamine response</td>
228
+ <td class="py-2 px-4 border-b">Impulsivity, attention deficits</td>
229
+ </tr>
230
+ <tr class="hover:bg-gray-50">
231
+ <td class="py-2 px-4 border-b">DAT1 (SLC6A3)</td>
232
+ <td class="py-2 px-4 border-b">Altered dopamine reuptake</td>
233
+ <td class="py-2 px-4 border-b">Attention regulation</td>
234
+ </tr>
235
+ <tr class="hover:bg-gray-50">
236
+ <td class="py-2 px-4 border-b">COMT (Val158Met)</td>
237
+ <td class="py-2 px-4 border-b">Dopamine catabolism</td>
238
+ <td class="py-2 px-4 border-b">Working memory, anxiety</td>
239
+ </tr>
240
+ <tr class="hover:bg-gray-50">
241
+ <td class="py-2 px-4 border-b">ADGRL3 (LPHN3)</td>
242
+ <td class="py-2 px-4 border-b">Neurotransmitter release</td>
243
+ <td class="py-2 px-4 border-b">Hyperactivity, impulsivity</td>
244
+ </tr>
245
+ </tbody>
246
+ </table>
247
+ </div>
248
+ <p class="text-sm text-gray-600">Table: Key genetic variants and their neurobiological effects in ADHD</p>
249
+ </div>
250
+ </div>
251
+
252
+ <div class="bg-white rounded-lg shadow-md p-6">
253
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">2.2 TBI: Neuropathology and Neurotransmitter Disruption</h3>
254
+
255
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
256
+ <div>
257
+ <h4 class="text-xl font-semibold text-gray-700 mb-3">Severity Classification</h4>
258
+ <div class="bg-gray-50 p-4 rounded-lg">
259
+ <div class="flex items-center mb-2">
260
+ <span class="w-3 h-3 bg-green-500 rounded-full mr-2"></span>
261
+ <span class="font-medium">Mild TBI (GCS 13-15)</span>
262
+ </div>
263
+ <div class="flex items-center mb-2">
264
+ <span class="w-3 h-3 bg-yellow-500 rounded-full mr-2"></span>
265
+ <span class="font-medium">Moderate TBI (GCS 9-12)</span>
266
+ </div>
267
+ <div class="flex items-center">
268
+ <span class="w-3 h-3 bg-red-500 rounded-full mr-2"></span>
269
+ <span class="font-medium">Severe TBI (GCS ≤8)</span>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ <div>
274
+ <h4 class="text-xl font-semibold text-gray-700 mb-3">Neurotransmitter Impact</h4>
275
+ <p>TBI causes significant decrease in dopamine levels, contributing to:</p>
276
+ <div class="flex flex-wrap gap-2 mt-2">
277
+ <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Cognitive fatigue</span>
278
+ <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Working memory deficits</span>
279
+ <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Reduced motivation</span>
280
+ </div>
281
+ </div>
282
+ </div>
283
+
284
+ <div class="highlight-box p-4 rounded">
285
+ <p class="font-semibold">The fact that dopaminergic agents like methylphenidate can improve TBI-related cognitive deficits reinforces that dopamine dysregulation is a common neurobiological thread across TBI and ADHD.</p>
286
+ </div>
287
+ </div>
288
+ </section>
289
 
290
+ <!-- Functional Impacts -->
291
+ <section id="functional-impacts" class="mb-16">
292
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">3. Comparative Functional Impairments and Disability Parallels</h2>
293
+
294
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
295
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">3.1 Overlapping Cognitive and Executive Function Deficits</h3>
296
+
297
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
298
+ <div class="bg-blue-50 p-4 rounded-lg">
299
+ <h4 class="font-bold text-blue-700 mb-2">ADHD</h4>
300
+ <ul class="list-disc pl-5 space-y-2">
301
+ <li>Impairments in attention, problem-solving</li>
302
+ <li>Difficulties with vigilance, inhibitory control</li>
303
+ <li>Working memory and planning deficits</li>
304
+ <li>Struggles with organization and task completion</li>
305
+ </ul>
306
+ </div>
307
+ <div class="bg-purple-50 p-4 rounded-lg">
308
+ <h4 class="font-bold text-purple-700 mb-2">TBI</h4>
309
+ <ul class="list-disc pl-5 space-y-2">
310
+ <li>Impaired short- and long-term memory</li>
311
+ <li>Difficulties with focus and attention</li>
312
+ <li>Executive functioning problems</li>
313
+ <li>Planning, problem-solving, multitasking issues</li>
314
+ </ul>
315
+ </div>
316
+ </div>
317
+
318
+ <div class="highlight-box p-4 rounded mb-6">
319
+ <p class="font-semibold">The convergence on significant impairments in executive functions across these diverse neurological etiologies underscores a shared pathway to disability.</p>
320
+ </div>
321
+ </div>
322
+
323
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
324
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">3.2 The Pervasive Impact of Sleep Dysregulation</h3>
325
+
326
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
327
+ <div>
328
+ <h4 class="text-xl font-semibold text-gray-700 mb-2">TBI-Related Sleep Disorders</h4>
329
+ <p>Affecting 30-70% of individuals, even after mild injuries:</p>
330
+ <div class="flex flex-wrap gap-2 mt-2">
331
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Insomnia</span>
332
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Sleep apnea</span>
333
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Circadian disorders</span>
334
+ </div>
335
+ </div>
336
+ <div>
337
+ <h4 class="text-xl font-semibold text-gray-700 mb-2">ADHD-Related Sleep Problems</h4>
338
+ <p>Affecting 25-50% of individuals:</p>
339
+ <div class="flex flex-wrap gap-2 mt-2">
340
+ <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Insomnia</span>
341
+ <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Delayed sleep phase</span>
342
+ <span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">Restless sleep</span>
343
+ </div>
344
+ </div>
345
+ </div>
346
+
347
+ <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-r">
348
+ <p><span class="font-semibold">Sleep disruption creates a vicious cycle</span> where neurobiological vulnerabilities lead to sleep problems, which in turn worsen core symptoms and functional capacity.</p>
349
+ </div>
350
+ </div>
351
+
352
+ <div class="bg-white rounded-lg shadow-md p-6">
353
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">3.3 Establishing ADHD as a Neurological Disability Equivalent to TBI</h3>
354
+
355
+ <div class="overflow-x-auto mb-6">
356
+ <table class="min-w-full bg-white border border-gray-200">
357
+ <thead class="bg-gray-100">
358
+ <tr>
359
+ <th class="py-3 px-4 border-b text-left">Functional Domain</th>
360
+ <th class="py-3 px-4 border-b text-left">ADHD</th>
361
+ <th class="py-3 px-4 border-b text-left">TBI</th>
362
+ <th class="py-3 px-4 border-b text-left">Shared Impacts</th>
363
+ </tr>
364
+ </thead>
365
+ <tbody>
366
+ <tr class="hover:bg-gray-50">
367
+ <td class="py-3 px-4 border-b font-medium">Cognitive</td>
368
+ <td class="py-3 px-4 border-b">Distractibility, impaired working memory, impulsivity</td>
369
+ <td class="py-3 px-4 border-b">Memory, attention, executive function deficits</td>
370
+ <td class="py-3 px-4 border-b">Attention deficits, working memory issues, executive dysfunction</td>
371
+ </tr>
372
+ <tr class="hover:bg-gray-50">
373
+ <td class="py-3 px-4 border-b font-medium">Emotional/Behavioral</td>
374
+ <td class="py-3 px-4 border-b">Emotional dysregulation, irritability, mood disorders</td>
375
+ <td class="py-3 px-4 border-b">Mood swings, impulsivity, decreased frustration tolerance</td>
376
+ <td class="py-3 px-4 border-b">Emotional dysregulation, mood instability, anxiety/depression</td>
377
+ </tr>
378
+ <tr class="hover:bg-gray-50">
379
+ <td class="py-3 px-4 border-b font-medium">Sleep</td>
380
+ <td class="py-3 px-4 border-b">Insomnia, delayed sleep-wake phase disorder</td>
381
+ <td class="py-3 px-4 border-b">Insomnia, sleep apnea, hypersomnia</td>
382
+ <td class="py-3 px-4 border-b">Chronic sleep disruption, daytime fatigue</td>
383
+ </tr>
384
+ <tr class="hover:bg-gray-50">
385
+ <td class="py-3 px-4 border-b font-medium">Overall Life Impact</td>
386
+ <td class="py-3 px-4 border-b">Educational/occupational failure, social disability</td>
387
+ <td class="py-3 px-4 border-b">Failure to return to work, impaired daily living</td>
388
+ <td class="py-3 px-4 border-b">Significant impairment in multiple life domains</td>
389
+ </tr>
390
+ </tbody>
391
+ </table>
392
+ </div>
393
+
394
+ <div class="highlight-box p-4 rounded">
395
+ <p class="font-semibold">If TBI causes disability when it interferes with usual roles, then ADHD, with its demonstrable genetic and neurochemical bases leading to similar profound deficits, should be recognized similarly.</p>
396
+ </div>
397
+ </div>
398
+ </section>
399
 
400
+ <!-- Pharmacology -->
401
+ <section id="pharmacology" class="mb-16">
402
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">4. Pharmacological Interventions: A Critical Review with Focus on Desoxyn</h2>
403
+
404
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
405
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">4.1 Desoxyn (Methamphetamine): Pharmacological Profile</h3>
406
+
407
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
408
+ <div>
409
+ <h4 class="text-xl font-semibold text-gray-700 mb-2">Mechanism of Action</h4>
410
+ <ul class="list-disc pl-5 space-y-2">
411
+ <li>Increases dopamine, norepinephrine, and serotonin</li>
412
+ <li>Stimulates neurotransmitter release</li>
413
+ <li>Inhibits reuptake</li>
414
+ </ul>
415
+ </div>
416
+ <div class="bg-red-50 p-4 rounded-lg border-l-4 border-red-500">
417
+ <h4 class="font-bold text-red-700 mb-2">Safety Concerns</h4>
418
+ <ul class="list-disc pl-5 space-y-1">
419
+ <li>High potential for abuse (Schedule II)</li>
420
+ <li>Cardiovascular risks</li>
421
+ <li>Psychiatric adverse effects</li>
422
+ </ul>
423
+ </div>
424
+ </div>
425
+
426
+ <div class="highlight-box p-4 rounded mb-6">
427
+ <p class="font-semibold">Despite its pharmacological potency, Desoxyn is not supported by ADHD treatment guidelines as a first-line option due to its severe risk profile.</p>
428
+ </div>
429
+
430
+ <div class="overflow-x-auto">
431
+ <table class="min-w-full bg-white border border-gray-200">
432
+ <thead class="bg-gray-100">
433
+ <tr>
434
+ <th class="py-2 px-4 border-b text-left">Feature</th>
435
+ <th class="py-2 px-4 border-b text-left">Desoxyn (Methamphetamine) for ADHD</th>
436
+ </tr>
437
+ </thead>
438
+ <tbody>
439
+ <tr class="hover:bg-gray-50">
440
+ <td class="py-2 px-4 border-b font-medium">Approved Indications</td>
441
+ <td class="py-2 px-4 border-b">ADHD in pediatric patients ≥6 years</td>
442
+ </tr>
443
+ <tr class="hover:bg-gray-50">
444
+ <td class="py-2 px-4 border-b font-medium">Mechanism of Action</td>
445
+ <td class="py-2 px-4 border-b">Increases dopamine, norepinephrine, serotonin release and inhibits reuptake</td>
446
+ </tr>
447
+ <tr class="hover:bg-gray-50">
448
+ <td class="py-2 px-4 border-b font-medium">First-Line Status</td>
449
+ <td class="py-2 px-4 border-b">No, reserved for cases where other stimulants fail</td>
450
+ </tr>
451
+ <tr class="hover:bg-gray-50">
452
+ <td class="py-2 px-4 border-b font-medium">Abuse Potential</td>
453
+ <td class="py-2 px-4 border-b">High (Schedule II controlled substance)</td>
454
+ </tr>
455
+ </tbody>
456
+ </table>
457
+ </div>
458
+ </div>
459
+
460
+ <div class="bg-white rounded-lg shadow-md p-6">
461
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">4.2 Therapeutic Approaches for TBI-Related Cognitive Deficits</h3>
462
+
463
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
464
+ <div>
465
+ <h4 class="text-xl font-semibold text-gray-700 mb-2">Dopaminergic Agents</h4>
466
+ <p>Methylphenidate (Ritalin) has shown benefits for TBI by:</p>
467
+ <ul class="list-disc pl-5 mt-2 space-y-2">
468
+ <li>Blocking dopamine/norepinephrine reuptake</li>
469
+ <li>Improving cognitive fatigue</li>
470
+ <li>Enhancing working memory</li>
471
+ <li>Increasing motivation</li>
472
+ </ul>
473
+ </div>
474
+ <div class="bg-green-50 p-4 rounded-lg border-l-4 border-green-500">
475
+ <h4 class="font-bold text-green-700 mb-2">Shared Neurochemical Target</h4>
476
+ <p>The fact that dopaminergic agents can improve TBI-related cognitive deficits reinforces that dopamine dysregulation is a common neurobiological thread across TBI and ADHD.</p>
477
+ </div>
478
+ </div>
479
+
480
+ <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-r">
481
+ <p class="font-semibold">While the shared dopaminergic target is valuable, the specific choice of medication requires careful scrutiny based on its efficacy-to-safety ratio for each condition.</p>
482
+ </div>
483
+ </div>
484
+ </section>
485
 
486
+ <!-- Disability Policy -->
487
+ <section id="disability-policy" class="mb-16">
488
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">5. Implications for Disability Assessment and Policy Reform</h2>
489
+
490
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
491
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">5.1 Navigating the SSA Disability Determination Process</h3>
492
+
493
+ <div class="mb-6">
494
+ <h4 class="text-xl font-semibold text-gray-700 mb-2">Challenges in Evaluating ADHD</h4>
495
+ <ul class="list-disc pl-5 space-y-2">
496
+ <li><span class="font-semibold">Outdated criteria</span>: Blue Book listings may not reflect current science</li>
497
+ <li><span class="font-semibold">Subjectivity issues</span>: Reliance on subjective reports vs objective evidence</li>
498
+ <li><span class="font-semibold">Inadequate tools</span>: Brief mental status exams miss nuanced deficits</li>
499
+ <li><span class="font-semibold">Fluctuating symptoms</span>: RFC assessments often miss "bad days"</li>
500
+ </ul>
501
+ </div>
502
+
503
+ <div class="highlight-box p-4 rounded mb-6">
504
+ <p class="font-semibold">The SSA's current framework struggles to capture the complex, polygenic nature of conditions like ADHD, creating systemic barriers to successful claims.</p>
505
+ </div>
506
+ </div>
507
+
508
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
509
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">5.2 The Role of Genetic Evidence (SSR 16-4p)</h3>
510
+
511
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
512
+ <div>
513
+ <h4 class="text-xl font-semibold text-gray-700 mb-2">Current Limitations</h4>
514
+ <p>SSR 16-4p states that genetic test results alone are generally not sufficient to determine severity, except in cases of catastrophic congenital disorders.</p>
515
+ </div>
516
+ <div class="bg-blue-50 p-4 rounded-lg">
517
+ <h4 class="font-bold text-blue-700 mb-2">Potential Integration</h4>
518
+ <p>Specific genetic polymorphisms can be directly linked to neurobiological dysfunctions that impair RFC domains:</p>
519
+ </div>
520
+ </div>
521
+
522
+ <div class="overflow-x-auto">
523
+ <table class="min-w-full bg-white border border-gray-200">
524
+ <thead class="bg-gray-100">
525
+ <tr>
526
+ <th class="py-2 px-4 border-b text-left">Gene Group</th>
527
+ <th class="py-2 px-4 border-b text-left">RFC Domain Impacted</th>
528
+ <th class="py-2 px-4 border-b text-left">Functional Consequences</th>
529
+ </tr>
530
+ </thead>
531
+ <tbody>
532
+ <tr class="hover:bg-gray-50">
533
+ <td class="py-2 px-4 border-b">Dopamine-related (DRD4, DAT1, COMT)</td>
534
+ <td class="py-2 px-4 border-b">Concentrating, persisting, or maintaining pace</td>
535
+ <td class="py-2 px-4 border-b">Impaired focus, sustained attention</td>
536
+ </tr>
537
+ <tr class="hover:bg-gray-50">
538
+ <td class="py-2 px-4 border-b">Serotonin/Neuroplasticity (MAOA, SLC6A4, BDNF)</td>
539
+ <td class="py-2 px-4 border-b">Interact with others; Adapt or manage oneself</td>
540
+ <td class="py-2 px-4 border-b">Emotional regulation, stress reactivity</td>
541
+ </tr>
542
+ </tbody>
543
+ </table>
544
+ </div>
545
+ </div>
546
+
547
+ <div class="bg-white rounded-lg shadow-md p-6">
548
+ <h3 class="text-2xl font-semibold text-blue-700 mb-4">5.3 Recommendations for Policy Reform</h3>
549
+
550
+ <div class="grid md:grid-cols-3 gap-4 mb-6">
551
+ <div class="bg-gray-50 p-4 rounded-lg">
552
+ <h4 class="font-bold text-gray-700 mb-2">Update Blue Book Listings</h4>
553
+ <p>Immediate review of Sections 11.00 and 12.00 to incorporate latest neurobiological understanding of ADHD.</p>
554
+ </div>
555
+ <div class="bg-gray-50 p-4 rounded-lg">
556
+ <h4 class="font-bold text-gray-700 mb-2">Enhanced Adjudicator Training</h4>
557
+ <p>Specialized programs on interpreting genetic reports and neuropsychological evaluations.</p>
558
+ </div>
559
+ <div class="bg-gray-50 p-4 rounded-lg">
560
+ <h4 class="font-bold text-gray-700 mb-2">Refined RFC Assessment</h4>
561
+ <p>Develop tools accounting for fluctuating symptoms and polygenic effects.</p>
562
+ </div>
563
+ </div>
564
+ </div>
565
+ </section>
566
 
567
+ <!-- Conclusion -->
568
+ <section id="conclusion" class="mb-16">
569
+ <h2 class="text-3xl font-bold text-blue-800 mb-6 section-header">6. Conclusion and Recommendations</h2>
570
+
571
+ <div class="bg-white rounded-lg shadow-md p-6">
572
+ <div class="highlight-box p-4 rounded mb-6">
573
+ <p class="font-semibold">ADHD is a complex neurological condition rooted in distinct genetic and neurobiological dysfunctions, with functional impairments paralleling those observed in TBI across cognitive, executive, emotional, and sleep domains.</p>
574
+ </div>
575
+
576
+ <div class="grid md:grid-cols-2 gap-6 mb-8">
577
+ <div>
578
+ <h3 class="text-xl font-semibold text-blue-700 mb-3">Key Conclusions</h3>
579
+ <ul class="list-disc pl-5 space-y-2">
580
+ <li>ADHD shares significant neurobiological and functional parallels with TBI</li>
581
+ <li>Current SSA evaluation methods may inadequately assess ADHD-related disability</li>
582
+ <li>Desoxyn is not supported as first-line treatment due to safety concerns</li>
583
+ <li>Genetic evidence has untapped potential for disability determination</li>
584
+ </ul>
585
+ </div>
586
+ <div>
587
+ <h3 class="text-xl font-semibold text-blue-700 mb-3">Future Research Directions</h3>
588
+ <ul class="list-disc pl-5 space-y-2">
589
+ <li>Gene-environment interactions in ADHD severity</li>
590
+ <li>Long-term treatment efficacy and safety studies</li>
591
+ <li>Development of objective neurobiological biomarkers</li>
592
+ <li>Improved integration of genetic evidence in disability assessment</li>
593
+ </ul>
594
+ </div>
595
+ </div>
596
+
597
+ <div class="bg-blue-50 p-4 rounded-lg border border-blue-200">
598
+ <h3 class="text-lg font-bold text-blue-700 mb-2">Final Recommendation</h3>
599
+ <p>The Social Security Administration should update its disability evaluation protocols to better align with modern scientific understanding of ADHD as a neurological disability, ensuring more equitable determinations for affected individuals.</p>
600
+ </div>
601
+ </div>
602
+ </section>
603
+ </main>
604
 
605
+ <!-- Footer -->
606
+ <footer class="bg-gray-800 text-white py-8 no-print">
607
+ <div class="container mx-auto px-4">
608
+ <div class="flex flex-col md:flex-row justify-between items-center">
609
+ <div class="mb-4 md:mb-0">
610
+ <h2 class="text-xl font-bold mb-2">Neurobiological Report</h2>
611
+ <p class="text-gray-400">ADHD & TBI Comparative Analysis</p>
612
+ </div>
613
+ <div class="flex space-x-4">
614
+ <a href="#" class="text-gray-400 hover:text-white transition">
615
+ <i class="fab fa-twitter text-xl"></i>
616
+ </a>
617
+ <a href="#" class="text-gray-400 hover:text-white transition">
618
+ <i class="fab fa-linkedin text-xl"></i>
619
+ </a>
620
+ <a href="#" class="text-gray-400 hover:text-white transition">
621
+ <i class="fas fa-envelope text-xl"></i>
622
+ </a>
623
+ </div>
624
+ </div>
625
+ <div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400 text-sm">
626
+ <p>© 2023 Neurobiological Research Group. All rights reserved.</p>
627
+ </div>
628
+ </div>
629
+ </footer>
630
 
631
+ <script>
632
+ // Smooth scrolling for navigation links
633
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
634
+ anchor.addEventListener('click', function (e) {
635
+ e.preventDefault();
636
+
637
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
638
+ behavior: 'smooth'
639
+ });
640
+
641
+ // Update active nav link
642
+ document.querySelectorAll('.nav-link').forEach(link => {
643
+ link.classList.remove('active');
644
+ });
645
+ this.classList.add('active');
646
+ });
647
+ });
648
 
649
+ // Set active nav link based on scroll position
650
+ window.addEventListener('scroll', function() {
651
+ const sections = document.querySelectorAll('section');
652
+ let currentSection = '';
653
+
654
+ sections.forEach(section => {
655
+ const sectionTop = section.offsetTop;
656
+ const sectionHeight = section.clientHeight;
657
+ if (pageYOffset >= (sectionTop - 100)) {
658
+ currentSection = section.getAttribute('id');
659
+ }
660
+ });
661
+
662
+ document.querySelectorAll('.nav-link').forEach(link => {
663
+ link.classList.remove('active');
664
+ if (link.getAttribute('href') === `#${currentSection}`) {
665
+ link.classList.add('active');
666
+ }
667
+ });
668
+ });
669
 
670
+ // Dark mode toggle
671
+ const toggleDarkMode = document.getElementById('toggleDarkMode');
672
+ let darkMode = false;
673
+
674
+ toggleDarkMode.addEventListener('click', function() {
675
+ darkMode = !darkMode;
676
+
677
+ if (darkMode) {
678
+ document.documentElement.classList.add('dark');
679
+ this.innerHTML = '<i class="fas fa-sun mr-2"></i> Light Mode';
680
+ this.classList.remove('bg-gray-200', 'text-gray-800');
681
+ this.classList.add('bg-gray-700', 'text-white');
682
+ } else {
683
+ document.documentElement.classList.remove('dark');
684
+ this.innerHTML = '<i class="fas fa-moon mr-2"></i> Dark Mode';
685
+ this.classList.remove('bg-gray-700', 'text-white');
686
+ this.classList.add('bg-gray-200', 'text-gray-800');
687
+ }
688
+ });
689
+
690
+ // Print button functionality
691
+ document.querySelector('button[onclick="window.print()"]').addEventListener('click', function() {
692
+ window.print();
693
+ });
694
+ </script>
695
+ </body>
696
+ </html>