index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="AETHORIA AI — efficient and accessible artificial intelligence research.">
  <title>AETHORIA AI</title>
  <style>
    :root {
      color-scheme: dark;
      --bg: #0b0d16;
      --panel: #131624;
      --line: #292d42;
      --text: #f5f6ff;
      --muted: #aeb3ca;
      --violet: #a895ff;
      --cyan: #68dcff;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: var(--bg);
    }

    main {
      width: min(960px, calc(100% - 32px));
      margin: auto;
      padding: 34px 0 38px;
    }

    header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding-bottom: 22px;
      border-bottom: 1px solid var(--line);
    }

    .identity { display: flex; align-items: center; gap: 13px; }

    .logo {
      width: 46px;
      height: 46px;
      object-fit: cover;
      border: 1px solid #3c4260;
      border-radius: 50%;
      box-shadow: 0 0 18px rgba(104, 220, 255, 0.12);
    }

    h1 { margin: 0; font-size: 21px; letter-spacing: -0.02em; }
    .tagline { margin: 3px 0 0; color: var(--muted); font-size: 13px; }

    nav { display: flex; flex-wrap: wrap; gap: 8px; }

    a {
      color: inherit;
      text-decoration: none;
    }

    .link {
      padding: 8px 11px;
      border: 1px solid var(--line);
      border-radius: 9px;
      color: #dfe2f3;
      font-size: 13px;
      font-weight: 650;
    }

    .link:hover, .project:hover { border-color: #665da2; }

    .intro {
      max-width: 760px;
      margin: 22px 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.55;
    }

    .paper-note {
      margin: 11px 2px 22px;
      color: var(--muted);
      font-size: 13px;
    }

    .paper-note a { color: var(--cyan); font-weight: 700; }
    .paper-note a:hover { text-decoration: underline; }

    .banner {
      display: block;
      width: 100%;
      max-height: 210px;
      margin-top: 20px;
      object-fit: cover;
      object-position: center;
      border: 1px solid var(--line);
      border-radius: 14px;
    }

    .label {
      margin: 0 0 10px;
      color: #858ba7;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    .project {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 18px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: var(--panel);
      transition: border-color 150ms ease;
    }

    .project h2 { margin: 0 0 6px; font-size: 19px; }
    .project p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }

    .arrow {
      color: var(--cyan);
      font-size: 22px;
      font-weight: 700;
    }

    .chips {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 14px;
    }

    .dataset-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 10px;
    }

    .dataset {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #10131f;
    }

    .dataset:hover { border-color: #665da2; }
    .dataset strong { display: block; margin-bottom: 5px; font-size: 14px; }
    .dataset span { color: var(--muted); font-size: 12px; line-height: 1.4; }

    .chip {
      padding: 6px 9px;
      border-radius: 999px;
      color: #c6cae0;
      background: #181b2b;
      font-size: 12px;
    }

    footer {
      margin-top: 24px;
      color: #777d98;
      font-size: 12px;
    }

    @media (max-width: 640px) {
      header { align-items: flex-start; flex-direction: column; }
      .project { grid-template-columns: 1fr; }
      .dataset-grid { grid-template-columns: 1fr; }
      .arrow { display: none; }
    }
  </style>
</head>
<body>
  <main>
    <header>
      <div class="identity">
        <img class="logo" src="https://aethoria-ai-readme.static.hf.space/logo.png?v=3" alt="AETHORIA AI panda logo">
        <div>
          <h1>AETHORIA AI</h1>
          <p class="tagline">Open, efficient AI research</p>
        </div>
      </div>
      <nav aria-label="Organization links">
        <a class="link" href="https://www.complexity-ai.fr/" target="_blank" rel="noreferrer">Website</a>
        <a class="link" href="https://github.com/Complexity-ML" target="_blank" rel="noreferrer">GitHub</a>
        <a class="link" href="https://doi.org/10.21203/rs.3.rs-10788774/v1" target="_blank" rel="noreferrer">Paper</a>
        <a class="link" href="https://discord.gg/EyDqXqpxWu" target="_blank" rel="noreferrer">Discord</a>
      </nav>
    </header>

    <img class="banner" src="https://aethoria-ai-readme.static.hf.space/banner.png?v=2" alt="Panda observing an artificial intelligence display">

    <p class="intro">Community-led research into compact language models, token-identity hash routing, multimodal generation and accessible training systems.</p>

    <p class="label">Featured project</p>
    <a class="project" href="https://huggingface.co/AETHORIA-AI/TR-HASH-MoE-200M-160B-SFT" target="_blank" rel="noreferrer">
      <div>
        <h2>TR-HASH MoE 200M — Full SFT</h2>
        <p>Released full-parameter assistant checkpoint trained for three epochs on the audited 300K-example SFT v2 mixture, from the approximately 162B source-token lineage.</p>
        <div class="chips">
          <span class="chip">201.2M parameters</span>
          <span class="chip">300K SFT examples</span>
          <span class="chip">Full-parameter SFT</span>
          <span class="chip">Released</span>
        </div>
      </div>
      <span class="arrow" aria-hidden="true">→</span>
    </a>
    <p class="paper-note">Research paper: <a href="https://doi.org/10.21203/rs.3.rs-10788774/v1" target="_blank" rel="noreferrer">DOI 10.21203/rs.3.rs-10788774/v1</a></p>

    <p class="label" style="margin-top: 22px;">Vision research</p>
    <a class="project" href="https://huggingface.co/AETHORIA-AI/TR-HASH-Vision-v8-2M-COCO-SFT" target="_blank" rel="noreferrer">
      <div>
        <h2>TR-HASH Vision v8</h2>
        <p>MoE-based hierarchical vision transformer, initialized randomly and trained end-to-end on COCO 2017 at 640 px, without external detector, classification backbone or pretrained weights. 50 epochs of pretraining, then 12 epochs of supervised refinement.</p>
        <div class="chips">
          <span class="chip">2.59M parameters</span>
          <span class="chip">COCO from scratch</span>
          <span class="chip">mAP50 32.5%</span>
          <span class="chip">mAP50-95 20.05%</span>
        </div>
      </div>
      <span class="arrow" aria-hidden="true">→</span>
    </a>

    <p class="label" style="margin-top: 22px;">
      <a href="https://huggingface.co/collections/AETHORIA-AI/complexity-atlas-datasets-6a78cbbb14fd2a10462abf80" target="_blank" rel="noreferrer">Datasets →</a>
    </p>
    <section class="dataset-grid" aria-label="Complexity Atlas datasets">
      <a class="dataset" href="https://huggingface.co/datasets/AETHORIA-AI/complexity-atlas-posttrain" target="_blank" rel="noreferrer">
        <strong>Atlas Posttrain</strong>
        <span>Text instruction and chat SFT corpus</span>
      </a>
      <a class="dataset" href="https://huggingface.co/datasets/AETHORIA-AI/complexity-atlas-images" target="_blank" rel="noreferrer">
        <strong>Atlas Images</strong>
        <span>336K provenance-aware image-text pairs</span>
      </a>
      <a class="dataset" href="https://huggingface.co/datasets/AETHORIA-AI/complexity-atlas-image-edits" target="_blank" rel="noreferrer">
        <strong>Atlas Image Edits</strong>
        <span>336K instruction-guided editing triplets</span>
      </a>
    </section>

    <footer>AETHORIA AI · Build, measure, share.</footer>
  </main>
</body>
</html>