index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>CUMT Alethic Insight Lab</title>
    <style>
      :root {
        color-scheme: light dark;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        line-height: 1.55;
      }

      body {
        margin: 0;
        min-height: 100vh;
        display: grid;
        place-items: center;
        background: #f7f8fb;
        color: #182033;
      }

      main {
        width: min(860px, calc(100vw - 32px));
        padding: 48px 0;
      }

      h1 {
        margin: 0 0 16px;
        font-size: clamp(2rem, 4vw, 4rem);
        line-height: 1;
        letter-spacing: 0;
      }

      p {
        max-width: 680px;
        font-size: 1.08rem;
      }

      ul {
        display: grid;
        gap: 8px;
        padding-left: 20px;
      }

      a {
        color: #2563eb;
      }

      @media (prefers-color-scheme: dark) {
        body {
          background: #10131a;
          color: #eef2ff;
        }

        a {
          color: #8ab4ff;
        }
      }
    </style>
  </head>
  <body>
    <main>
      <h1>CUMT Alethic Insight Lab</h1>
      <p>
        A student-led AI society-lab and research-engineering community at China University of Mining and Technology.
      </p>
      <ul>
        <li>Language, vision, multimodal learning, agents, and AI infrastructure.</li>
        <li>Open-source practice and research-engineering training for undergraduate students.</li>
        <li>Public artifacts are shared here when they are ready for release.</li>
      </ul>
      <p>
        <a href="https://github.com/CUMT-Alethic-Insight-Lab">GitHub</a>
        ·
        <a href="https://aletheion.cn">Website</a>
        ·
        <a href="mailto:hf@alethicinsight.org">hf@alethicinsight.org</a>
      </p>
    </main>
  </body>
</html>