Add index.html

index.html

@@ -1,19 +1,83 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>CUMT Aletheion AI 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 Aletheion AI 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-Aletheion-AI-Lab">GitHub</a>
+        ·
+        <a href="https://aletheion.cn">Website</a>
+        ·
+        <a href="mailto:hf@aletheion.cn">hf@aletheion.cn</a>
+      </p>
+    </main>
+  </body>
 </html>
+