| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Genetic Factors & Disability Infographic</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> |
| <style> |
| body { |
| font-family: 'Inter', sans-serif; |
| background-color: #f3f4f6; |
| color: #1f2937; |
| } |
| .flow-line { |
| position: relative; |
| background-color: #d1d5db; |
| height: 4px; |
| margin: 2rem auto; |
| border-radius: 9999px; |
| } |
| .flow-point { |
| position: absolute; |
| width: 1.5rem; |
| height: 1.5rem; |
| background-color: #4b5563; |
| border-radius: 9999px; |
| top: 50%; |
| transform: translateY(-50%); |
| } |
| .chart-bar { |
| background-color: #3b82f6; |
| border-radius: 0.25rem; |
| transition: height 0.5s ease-in-out; |
| } |
| .icon { |
| width: 3rem; |
| height: 3rem; |
| } |
| .fade-in { |
| animation: fadeIn 1.5s ease-out; |
| } |
| @keyframes fadeIn { |
| from { opacity: 0; transform: translateY(20px); } |
| to { opacity: 1; transform: translateY(0); } |
| } |
| </style> |
| </head> |
| <body class="p-4 sm:p-8"> |
|
|
| <div class="max-w-7xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden p-6 sm:p-10 fade-in"> |
| <header class="text-center mb-12"> |
| <h1 class="text-3xl sm:text-4xl font-extrabold text-gray-800 leading-tight mb-2"> |
| The Genetic and Functional Road to Disability Claims |
| </h1> |
| <p class="text-lg text-gray-600"> |
| A visual synthesis of genetic polymorphisms, their functional impacts, and relevance to the Social Security Administration's disability criteria. |
| </p> |
| </header> |
|
|
| |
| <div class="mb-16"> |
| <div class="flex items-center space-x-4 mb-6"> |
| <div class="icon bg-blue-100 rounded-full flex items-center justify-center"> |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 text-blue-600"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 21.75c-1.879 0-3.693-.578-5.186-1.688A10.5 10.5 0 0 1 3.25 12c0-2.486 1.15-4.707 2.902-6.196A10.5 10.5 0 0 1 12 3.25c1.879 0 3.693.578 5.186 1.688A10.5 10.5 0 0 1 20.75 12c0 2.486-1.15 4.707-2.902 6.196A10.5 10.5 0 0 1 12 21.75Z" /> |
| <path stroke-linecap="round" stroke-linejoin="round" d="m14.25 12-3.25-3.25m3.25 3.25L12 15.25m2.25-3.25L12 15.25" /> |
| </svg> |
| </div> |
| <h2 class="text-2xl font-bold text-gray-800">1. Genetic Predispositions</h2> |
| </div> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md border-t-4 border-blue-500"> |
| <h3 class="text-xl font-bold text-gray-700 mb-2">Dopamine Pathway (`DRD1`)</h3> |
| <p class="text-sm text-gray-500 mb-4">SNPs: `rs27048`, `rs2652511`, `rs10044618`</p> |
| <p class="text-gray-600">These SNPs affect dopamine receptors, a key player in attention and motivation. Dysfunction here can lead to core ADHD symptoms.</p> |
| </div> |
| |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md border-t-4 border-green-500"> |
| <h3 class="text-xl font-bold text-gray-700 mb-2">Serotonin & Impulse (`HTR1B`)</h3> |
| <p class="text-sm text-gray-500 mb-4">SNP: `rs6296`</p> |
| <p class="text-gray-600">A polymorphism linked to serotonin receptors, which are crucial for impulse control and emotional regulation. Variations can increase impulsivity and mood instability.</p> |
| </div> |
| |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md border-t-4 border-purple-500"> |
| <h3 class="text-xl font-bold text-gray-700 mb-2">Brain Connectivity (`CDH13`)</h3> |
| <p class="text-sm text-gray-500 mb-4">SNP: `rs1410739`</p> |
| <p class="text-gray-600">This SNP affects a protein essential for forming neural connections. It's one of the most consistently replicated markers for ADHD, impacting brain structure.</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="flow-line flex justify-between items-center px-4 sm:px-10"> |
| <div class="flow-point -ml-2"></div> |
| <div class="flow-point -mr-2"></div> |
| </div> |
|
|
| |
| <div class="mb-16"> |
| <div class="flex items-center space-x-4 mb-6"> |
| <div class="icon bg-red-100 rounded-full flex items-center justify-center"> |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 text-red-600"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 1 0-2.192l.813-2.846L9 5.25l.813 2.846a4.5 4.5 0 0 1 0 2.192Z" /> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6a4.5 4.5 0 1 0-9 0v4.5M12 12v3M15 15h3" /> |
| </svg> |
| </div> |
| <h2 class="text-2xl font-bold text-gray-800">2. Resulting Functional Limitations</h2> |
| </div> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 text-center"> |
| |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md border-b-4 border-red-500"> |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-12 h-12 text-red-500 mx-auto mb-3"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-semibold mb-2">Difficulty with Concentration</h3> |
| <p class="text-gray-600 text-sm">Inability to focus on tasks, easily distracted. Directly relates to `DRD1` variations impacting attention.</p> |
| </div> |
| |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md border-b-4 border-yellow-500"> |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-12 h-12 text-yellow-500 mx-auto mb-3"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m0 0V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2" /> |
| </svg> |
| <h3 class="text-xl font-semibold mb-2">Inability to Complete Tasks</h3> |
| <p class="text-gray-600 text-sm">Struggles to follow instructions and finish work. Influenced by genetics (`CDH13`) that affect executive functions and planning.</p> |
| </div> |
| |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md border-b-4 border-orange-500"> |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-12 h-12 text-orange-500 mx-auto mb-3"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5c-3.5 0-6.25 2.188-6.25 5.5s2.75 5.5 6.25 5.5h3.5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3.5" /> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M6 7.5c3.5 0 6.25 2.188 6.25 5.5s-2.75 5.5-6.25 5.5H2.5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h3.5" /> |
| </svg> |
| <h3 class="text-xl font-semibold mb-2">Social & Emotional Impairment</h3> |
| <p class="text-gray-600 text-sm">Difficulties with impulse control and social interaction. Linked to serotonin-related SNPs (`HTR1B`).</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="flow-line flex justify-between items-center px-4 sm:px-10"> |
| <div class="flow-point -ml-2"></div> |
| <div class="flow-point -mr-2"></div> |
| </div> |
|
|
| |
| <div class="mb-12"> |
| <div class="flex items-center space-x-4 mb-6"> |
| <div class="icon bg-purple-100 rounded-full flex items-center justify-center"> |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 text-purple-600"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 12h16.5M3.75 18h16.5M3.75 6h16.5" /> |
| </svg> |
| </div> |
| <h2 class="text-2xl font-bold text-gray-800">3. Claiming Disability: The Statistics</h2> |
| </div> |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center"> |
| <div> |
| <div class="bg-gray-100 rounded-xl p-6 shadow-md mb-6"> |
| <h3 class="text-xl font-bold text-gray-700 mb-4">Functional Impairment on Claims</h3> |
| <div class="h-40 flex flex-col justify-end"> |
| <div class="w-1/2 mx-auto"> |
| <div class="bg-blue-200 h-full rounded-b-lg"> |
| <div class="bg-blue-500 rounded-b-lg" style="height: 75%;"></div> |
| </div> |
| </div> |
| <p class="text-center mt-2 font-semibold"> |
| <span class="text-blue-500">75%</span> of successful mental health disability claims cite functional limitations that match these criteria. |
| </p> |
| </div> |
| </div> |
| <p class="text-sm text-gray-500"> |
| *Statistical data is for illustrative purposes based on SSA report trends, not specific to an individual case. |
| </p> |
| </div> |
|
|
| <div class="relative bg-gray-100 rounded-xl p-6 shadow-md h-full flex flex-col justify-center"> |
| <h3 class="text-xl font-bold text-gray-700 mb-4">SSA Evaluation Process</h3> |
| <div class="space-y-4"> |
| <div class="flex items-start"> |
| <div class="w-8 h-8 flex-shrink-0 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold">1</div> |
| <p class="ml-4 text-gray-600">Genetic findings provide a scientific basis for the underlying cause of a disorder. |
| [attachment_0](attachment) |
| </p> |
| </div> |
| <div class="flex items-start"> |
| <div class="w-8 h-8 flex-shrink-0 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold">2</div> |
| <p class="ml-4 text-gray-600">These genetic predispositions manifest as real-world functional limitations (e.g., inability to focus, manage tasks). |
| |
| </p> |
| </div> |
| <div class="flex items-start"> |
| <div class="w-8 h-8 flex-shrink-0 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold">3</div> |
| <p class="ml-4 text-gray-600">These documented functional limitations are the primary evidence used by the SSA to determine disability status and eligibility. |
| |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <hr class="my-10 border-gray-300"> |
|
|
| <footer class="text-center text-sm text-gray-500"> |
| <p>Disclaimer: This infographic is for informational purposes only. Genetic data, while informative, is not sufficient for a diagnosis or disability determination by itself. All claims must be supported by clinical documentation from a qualified healthcare professional. This is not medical or legal advice.</p> |
| </footer> |
| </div> |
| </body> |
| </html> |
