index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Erayaha — Open Source Intelligence & AI Platform Hub</title>
  <meta name="description" content="Erayaha is an open-source engineering organization providing automated CI/CD dark pattern linting, supply-chain package verification against AI slopsquatting, and open healthcare outcomes analytics.">
  <link rel="canonical" href="https://erayaha.github.io/">
  <meta property="og:title" content="Erayaha — Open Source Intelligence & AI Platform Hub">
  <meta property="og:description" content="Open-source developer tools, AI safety utilities, supply chain defense, and open healthcare intelligence platforms.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://erayaha.github.io/">
  <meta property="og:image" content="https://erayaha.github.io/og-image.png">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Organization",
        "@id": "https://erayaha.github.io/#organization",
        "name": "Erayaha",
        "url": "https://github.com/erayaha",
        "logo": "https://erayaha.github.io/logo.png",
        "sameAs": [
          "https://github.com/erayaha",
          "https://github.com/erayaha/anti-dark-pattern",
          "https://github.com/erayaha/slop-scan",
          "https://github.com/erayaha/medical-outcomes-explorer"
        ],
        "contactPoint": {
          "@type": "ContactPoint",
          "contactType": "technical support",
          "email": "contact@erayaha.org",
          "availableLanguage": ["English"]
        },
        "address": {
          "@type": "PostalAddress",
          "addressCountry": "US",
          "addressLocality": "San Francisco",
          "addressRegion": "CA"
        }
      },
      {
        "@type": "WebSite",
        "@id": "https://erayaha.github.io/#website",
        "name": "Erayaha",
        "url": "https://erayaha.github.io/",
        "publisher": {
          "@id": "https://erayaha.github.io/#organization"
        }
      },
      {
        "@type": "SoftwareApplication",
        "@id": "https://erayaha.github.io/anti-dark-pattern/#software",
        "name": "Anti-Dark Pattern Linter",
        "description": "Automated CI/CD dark pattern detection engine and regulatory compliance scanner for front-end codebases.",
        "url": "https://erayaha.github.io/anti-dark-pattern/",
        "applicationCategory": "DeveloperApplication",
        "operatingSystem": "All",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD"
        },
        "publisher": {
          "@id": "https://erayaha.github.io/#organization"
        }
      },
      {
        "@type": "SoftwareApplication",
        "@id": "https://erayaha.github.io/slop-scan/#software",
        "name": "Slop-Scan",
        "description": "Security CLI and CI/CD scanner that verifies npm package existence and download velocity against the official npm registry.",
        "url": "https://erayaha.github.io/slop-scan/",
        "applicationCategory": "SecurityApplication",
        "operatingSystem": "All",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD"
        },
        "publisher": {
          "@id": "https://erayaha.github.io/#organization"
        }
      },
      {
        "@type": "SoftwareApplication",
        "@id": "https://erayaha.github.io/medical-outcomes-explorer/#software",
        "name": "Medical Outcomes Explorer",
        "description": "Open healthcare visualization and analytics platform for US hospital quality benchmarks, CMS penalties, and FDA medical device post-market surveillance.",
        "url": "https://erayaha.github.io/medical-outcomes-explorer/",
        "applicationCategory": "HealthApplication",
        "operatingSystem": "All",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD"
        },
        "publisher": {
          "@id": "https://erayaha.github.io/#organization"
        }
      }
    ]
  }
  </script>
  <style>
    :root {
      --primary: #2563eb;
      --primary-dark: #1d4ed8;
      --bg: #0f172a;
      --card-bg: #1e293b;
      --text: #f8fafc;
      --muted: #94a3b8;
      --border: #334155;
      --accent-teal: #0f766e;
      --accent-sky: #0284c7;
      --accent-emerald: #059669;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
    }
    .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 40px 20px;
    }
    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid var(--border);
      padding-bottom: 25px;
      margin-bottom: 40px;
    }
    .brand {
      font-size: 1.5rem;
      font-weight: 800;
      color: #60a5fa;
      text-decoration: none;
      letter-spacing: -0.02em;
    }
    nav a {
      margin-left: 20px;
      color: var(--muted);
      text-decoration: none;
      font-weight: 600;
      font-size: 0.95rem;
      transition: color 0.15s ease;
    }
    nav a:hover { color: #ffffff; }
    .hero {
      text-align: center;
      max-width: 800px;
      margin: 0 auto 50px auto;
    }
    .badge-hero {
      display: inline-block;
      padding: 6px 16px;
      border-radius: 999px;
      background: rgba(37, 99, 235, 0.15);
      border: 1px solid rgba(96, 165, 250, 0.3);
      color: #93c5fd;
      font-size: 0.85rem;
      font-weight: 700;
      margin-bottom: 15px;
    }
    h1 {
      font-size: 3rem;
      font-weight: 800;
      letter-spacing: -0.03em;
      margin: 0 0 15px 0;
      background: linear-gradient(135deg, #ffffff 40%, #94a3b8 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .lead {
      font-size: 1.2rem;
      color: var(--muted);
      line-height: 1.6;
    }
    .grid-projects {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 25px;
      margin-bottom: 50px;
    }
    .card {
      background: var(--card-bg);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform 0.2s ease, border-color 0.2s ease;
    }
    .card:hover {
      transform: translateY(-3px);
      border-color: #64748b;
    }
    .card-tag {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 6px;
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 12px;
    }
    .tag-dark { background: rgba(15, 118, 110, 0.25); color: #5eead4; border: 1px solid rgba(94, 234, 212, 0.3); }
    .tag-slop { background: rgba(2, 132, 199, 0.25); color: #7dd3fc; border: 1px solid rgba(125, 211, 252, 0.3); }
    .tag-med { background: rgba(5, 150, 105, 0.25); color: #6ee7b7; border: 1px solid rgba(110, 231, 183, 0.3); }
    h2.card-title {
      font-size: 1.4rem;
      margin: 0 0 10px 0;
      color: #ffffff;
    }
    .card-desc {
      color: var(--muted);
      font-size: 0.95rem;
      flex-grow: 1;
      margin-bottom: 20px;
    }
    .card-actions {
      display: flex;
      gap: 10px;
    }
    .btn {
      display: inline-block;
      padding: 10px 18px;
      border-radius: 8px;
      font-weight: 600;
      font-size: 0.9rem;
      text-decoration: none;
      text-align: center;
      transition: all 0.15s ease;
    }
    .btn-primary {
      background: var(--primary);
      color: white;
    }
    .btn-primary:hover { background: var(--primary-dark); }
    .btn-secondary {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid var(--border);
      color: var(--text);
    }
    .btn-secondary:hover { background: rgba(255, 255, 255, 0.1); }
    .info-section {
      background: rgba(30, 41, 59, 0.5);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 30px;
      margin-bottom: 30px;
    }
    .info-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
    }
    footer {
      border-top: 1px solid var(--border);
      padding-top: 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: var(--muted);
      font-size: 0.9rem;
    }
    footer a { color: var(--muted); text-decoration: none; }
    footer a:hover { color: #ffffff; text-decoration: underline; }
    @media (max-width: 768px) {
      .info-grid { grid-template-columns: 1fr; }
      header, footer { flex-direction: column; gap: 15px; text-align: center; }
      nav a { margin: 0 10px; }
      h1 { font-size: 2.2rem; }
    }
  </style>
</head>
<body>
  <div class="container">
    <header>
      <a href="https://erayaha.github.io/" class="brand">ERAYAHA</a>
      <nav>
        <a href="https://erayaha.github.io/about/">About</a>
        <a href="https://erayaha.github.io/contact/">Contact</a>
        <a href="https://erayaha.github.io/privacy/">Privacy Policy</a>
        <a href="https://erayaha.github.io/llms.txt">llms.txt</a>
        <a href="https://github.com/erayaha">GitHub</a>
      </nav>
    </header>

    <main>
      <section class="hero">
        <span class="badge-hero">Open Source Intelligence & Platform Hub</span>
        <h1>Engineering Reliable, Ethical & Open Software</h1>
        <p class="lead">
          Erayaha builds developer security utilities, ethical interface linters, and open health data analytics platforms. Zero telemetry, open science, and 100% reproducible execution.
        </p>
      </section>

      <section class="grid-projects">
        <!-- Project 1: Anti-Dark Pattern -->
        <article class="card">
          <div>
            <span class="card-tag tag-dark">UX Compliance & CI Gate</span>
            <h2 class="card-title">Anti-Dark Pattern Linter</h2>
            <p class="card-desc">
              Automated CI/CD linter detecting deceptive, manipulative, and coercive UX patterns before merge. Enforces FTC 16 CFR Part 425 ("Click to Cancel") and EU Digital Services Act (DSA Article 25) compliance.
            </p>
          </div>
          <div class="card-actions">
            <a href="https://erayaha.github.io/anti-dark-pattern/" class="btn btn-primary">Live Explorer</a>
            <a href="https://github.com/erayaha/anti-dark-pattern" class="btn btn-secondary">GitHub</a>
          </div>
        </article>

        <!-- Project 2: Slop-Scan -->
        <article class="card">
          <div>
            <span class="card-tag tag-slop">Supply Chain Defense</span>
            <h2 class="card-title">Slop-Scan</h2>
            <p class="card-desc">
              Security CLI and scanner that crawls codebases and Markdown documentation to verify every referenced npm package exists on the official npm registry, stopping AI package hallucination and slopsquatting attacks.
            </p>
          </div>
          <div class="card-actions">
            <a href="https://erayaha.github.io/slop-scan/" class="btn btn-primary">Live Explorer</a>
            <a href="https://github.com/erayaha/slop-scan" class="btn btn-secondary">GitHub</a>
          </div>
        </article>

        <!-- Project 3: Medical Outcomes Explorer -->
        <article class="card">
          <div>
            <span class="card-tag tag-med">Health Informatics & FDA</span>
            <h2 class="card-title">Medical Outcomes Explorer</h2>
            <p class="card-desc">
              Comprehensive open healthcare analytics platform for hospital quality benchmarking, CMS penalty programs (HRRP, HACRP, HVBP), FDA medical device post-market surveillance (MAUDE adverse events), and clinical trial site selection.
            </p>
          </div>
          <div class="card-actions">
            <a href="https://erayaha.github.io/medical-outcomes-explorer/" class="btn btn-primary">Live Explorer</a>
            <a href="https://github.com/erayaha/medical-outcomes-explorer" class="btn btn-secondary">GitHub</a>
          </div>
        </article>
      </section>

      <section class="info-section">
        <div class="info-grid">
          <div>
            <h3 style="color: #ffffff; margin-top: 0;">🤖 AI Agent Discovery & Protocols</h3>
            <p style="color: var(--muted); font-size: 0.95rem;">
              Erayaha platforms are optimized for autonomous AI agent discovery, automated tool invocation, and machine-readable consumption:
            </p>
            <ul style="color: var(--muted); font-size: 0.95rem; padding-left: 20px;">
              <li><strong>Agent Guidance:</strong> <a href="https://erayaha.github.io/llms.txt" style="color: #60a5fa;">/llms.txt</a> and <a href="https://erayaha.github.io/llms-full.txt" style="color: #60a5fa;">/llms-full.txt</a></li>
              <li><strong>MCP Server Manifest:</strong> <a href="https://erayaha.github.io/.well-known/mcp/server-card.json" style="color: #60a5fa;">/.well-known/mcp/server-card.json</a></li>
              <li><strong>AI Catalog:</strong> <a href="https://erayaha.github.io/.well-known/ai-catalog.json" style="color: #60a5fa;">/.well-known/ai-catalog.json</a></li>
              <li><strong>Agent Skills Index:</strong> <a href="https://erayaha.github.io/.well-known/agent-skills/index.json" style="color: #60a5fa;">/.well-known/agent-skills/index.json</a></li>
            </ul>
          </div>
          <div>
            <h3 style="color: #ffffff; margin-top: 0;">🛡️ Zero Telemetry & Privacy Standard</h3>
            <p style="color: var(--muted); font-size: 0.95rem;">
              We believe privacy is an engineering invariant:
            </p>
            <ul style="color: var(--muted); font-size: 0.95rem; padding-left: 20px;">
              <li>All CLI analysis tools run 100% locally with zero code transmission.</li>
              <li>Zero tracking cookies, zero user fingerprinting, and zero analytics pixels.</li>
              <li>No ingestion or storage of Protected Health Information (PHI/HIPAA).</li>
              <li>100% open-source licensed under MIT.</li>
            </ul>
          </div>
        </div>
      </section>
    </main>

    <footer>
      <div>
        © 2026 Erayaha Open Source Intelligence. Licensed under MIT.
      </div>
      <div>
        <a href="https://erayaha.github.io/about/">About</a> · 
        <a href="https://erayaha.github.io/contact/">Contact</a> · 
        <a href="https://erayaha.github.io/privacy/">Privacy Policy</a> · 
        <a href="https://erayaha.github.io/sitemap.xml">Sitemap</a>
      </div>
    </footer>
  </div>
</body>
</html>