Spaces:

caustino
/

interactive

Configuration error

App Files Files Community

caustino commited on Aug 19, 2025

Commit

ef7beb0

verified ·

1 Parent(s): 6661f53

Update index.html

Browse files

Files changed (1) hide show

index.html +151 -56

index.html CHANGED Viewed

@@ -1,58 +1,153 @@
-<!DOCTYPE html>
-<html lang="en" class="dark">
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>SSDI Case Prep Assistant</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <script>
-      tailwind.config = {
-        darkMode: 'class',
-        theme: {
-          extend: {
-            fontFamily: {
-              sans: ['Inter', 'sans-serif'],
-              display: ['Lexend', 'sans-serif'],
-            },
-            colors: {
-              'brand-primary': '#4F46E5',
-              'brand-secondary': '#7C3AED',
-              'gray': {
-                50: '#F9FAFB',
-                100: '#F3F4F6',
-                200: '#E5E7EB',
-                300: '#D1D5DB',
-                400: '#9CA3AF',
-                500: '#6B7280',
-                600: '#4B5563',
-                700: '#374151',
-                800: '#1F2937',
-                900: '#111827',
-                950: '#030712'
-              }
-            }
-          }
-        }
-      }
-    </script>
-<script type="importmap">
-{
-  "imports": {
-    "react": "https://esm.sh/react@^19.1.1",
-    "react-dom/": "https://esm.sh/react-dom@^19.1.1/",
-    "react/": "https://esm.sh/react@^19.1.1/",
-    "@google/genai": "https://esm.sh/@google/genai@^1.14.0"
-  }
 }
-</script>
-<link rel="stylesheet" href="/index.css">
-</head>
-<body class="bg-gray-950 text-gray-100 font-sans">
-    <div id="root"></div>
-<script type="module" src="/index.tsx"></script>
-</body>
-</html>

+# app.py
+import gradio as gr
+import pandas as pd
+import requests
+from bs4 import BeautifulSoup
+from transformers import pipeline
+# --- Backend Functions ---
+# 1. Function for the WCAG Checker Tab
+def check_accessibility(url):
+    """
+    Performs a very basic accessibility check on a given URL.
+    This is a simplified example.
+    """
+    if not url.startswith('http'):
+        url = 'https://' + url
+    try:
+        response = requests.get(url, timeout=10)
+        soup = BeautifulSoup(response.content, 'html.parser')
+        results = []
+        # Check 1: Document language
+        if soup.html and soup.html.get('lang'):
+            results.append("✅ HTML 'lang' attribute is present.")
+        else:
+            results.append("❌ HTML 'lang' attribute is missing. This is important for screen readers.")
+        # Check 2: Image alt text
+        images_without_alt = [img for img in soup.find_all('img') if not img.get('alt', '').strip()]
+        if not images_without_alt:
+            results.append("✅ All <img> tags seem to have 'alt' attributes.")
+        else:
+            results.append(f"❌ Found {len(images_without_alt)} <img> tags missing descriptive 'alt' text.")
+        # Check 3: Page Title
+        if soup.title and soup.title.string:
+            results.append(f"✅ Page has a title: '{soup.title.string.strip()}'")
+        else:
+            results.append("❌ Page is missing a <title> tag.")
+        return "\n".join(results)
+    except requests.RequestException as e:
+        return f"Error: Could not fetch the URL. Please check the address. Details: {e}"
+    except Exception as e:
+        return f"An unexpected error occurred: {e}"
+# 2. Functions for the Data Explorer Tab
+# Let's create some sample data to represent your projects.
+# In a real-world scenario, you would upload these as CSV files to your Space.
+# Mock Data for 'ssa-death-stats'
+ssa_data = {
+    'Year': [2020, 2021, 2022],
+    'Total Deaths (Millions)': [3.3, 3.4, 3.2],
+    'Cause': ['Various', 'Various', 'Various']
 }
+df_ssa = pd.DataFrame(ssa_data)
+# Mock Data for 'add-ssdi'
+add_ssdi_data = {
+    'Fiscal Year': [2021, 2022],
+    'Applications (Thousands)': [1950, 1870],
+    'Initial Claims with ADD Diagnosis': [78000, 81000]
+}
+df_add_ssdi = pd.DataFrame(add_ssdi_data)
+datasets = {
+    "SSA Death Statistics": df_ssa,
+    "ADD & SSDI Claims": df_add_ssdi,
+}
+def get_dataset(dataset_name):
+    """Returns the selected pandas DataFrame."""
+    return datasets.get(dataset_name, pd.DataFrame())
+# 3. Function for the AI Chat Tab
+# Using a simple conversational pipeline from Hugging Face
+chatbot = pipeline("conversational", model="microsoft/DialoGPT-medium")
+def chat_with_ai(message, history):
+    """
+    Takes user message and conversation history, returns AI response.
+    """
+    history = history or []
+    response = chatbot(message, history)
+    # The pipeline returns a Conversation object, we need to extract the response
+    # This part might need adjustment based on the exact pipeline version
+    if hasattr(response, 'generated_responses'):
+        # For newer versions
+        new_response = response.generated_responses[-1]
+    else:
+        # Fallback for older structures
+        new_response = response.conversation_history[-1]
+    history.append((message, new_response))
+    return "", history
+# --- Gradio UI ---
+with gr.Blocks(theme=gr.themes.Soft(), css="footer {visibility: hidden}") as demo:
+    gr.Markdown("# 🤖 Consolidated AI & Data Hub for Disability Justice")
+    gr.Markdown("An integrated platform combining accessibility tools, data insights, and AI assistance.")
+    with gr.Tab("🏠 Home"):
+        gr.Markdown(
+            """
+            ## Welcome!
+            This application brings together several tools and datasets focused on accessibility and disability justice.
+            Navigate through the tabs to explore:
+            - **WCAG Checker:** A simple tool to analyze web accessibility.
+            - **Disability Data Explorer:** View data related to Social Security and disability claims.
+            - **AI for Disability Justice:** An AI assistant to answer your questions.
+            *This is a demonstration project created by `caustino`.*
+            """
+        )
+    with gr.Tab("♿ WCAG Checker"):
+        gr.Markdown("### Basic Web Accessibility (WCAG) Checker")
+        gr.Markdown("Enter a website URL to perform a few basic accessibility checks.")
+        with gr.Row():
+            url_input = gr.Textbox(label="Website URL", placeholder="e.g., example.com")
+            check_button = gr.Button("Analyze Site", variant="primary")
+        output_text = gr.Textbox(label="Analysis Results", lines=8, interactive=False)
+        check_button.click(fn=check_accessibility, inputs=url_input, outputs=output_text)
+    with gr.Tab("📊 Disability Data Explorer"):
+        gr.Markdown("### Explore Disability-Related Datasets")
+        gr.Markdown("Select a dataset from the dropdown to view its contents.")
+        dataset_dropdown = gr.Dropdown(choices=list(datasets.keys()), label="Select Dataset")
+        data_frame_output = gr.DataFrame(label="Dataset")
+        dataset_dropdown.change(fn=get_dataset, inputs=dataset_dropdown, outputs=data_frame_output)
+    with gr.Tab("💬 AI for Disability Justice"):
+        gr.Markdown("### AI Assistant")
+        gr.Markdown("Ask questions about disability rights, accessibility, or the data presented in this hub.")
+        chatbot_ui = gr.Chatbot(label="Conversation")
+        msg_input = gr.Textbox(label="Your Message", placeholder="Type your question here and press Enter...")
+        clear_button = gr.Button("Clear Chat")
+        msg_input.submit(fn=chat_with_ai, inputs=[msg_input, chatbot_ui], outputs=[msg_input, chatbot_ui])
+        clear_button.click(lambda: None, None, chatbot_ui, queue=False)
+# Launch the application
+demo.launch()