Organization card page

index.html

@@ -1,19 +1,22 @@
 <!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>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>MemPABench</title>
+<link rel="stylesheet" href="style.css">
+</head>
+<body>
+<div class="card">
+  <img src="https://raw.githubusercontent.com/mempabench/mempabench/45dea87/docs/assets/hero.gif" alt="A robot agent holds its notebook about the user, where &quot;Orders: just do it, don't ask&quot; is circled in red, yet it raises a sign asking &quot;Shall I proceed?&quot;. The user, shopping on a phone, face-palms and says &quot;Just do it!&quot;">
+  <p><b>Can personal agents keep up with your interaction habits across contexts and over time?</b> MemPABench tests whether an agent's memory lets it learn when each user wants it to ask, confirm, or just act.</p>
+  <table>
+    <tr><td>Paper</td><td><a href="https://arxiv.org/abs/2610.30485" target="_blank">arXiv:2610.30485</a></td></tr>
+    <tr><td>Code</td><td><a href="https://github.com/mempabench/mempabench" target="_blank">github.com/mempabench/mempabench</a></td></tr>
+    <tr><td>Website</td><td><a href="https://mempabench.com" target="_blank">mempabench.com</a></td></tr>
+    <tr><td>The four simulated users</td><td><a href="https://huggingface.co/datasets/mempabench/mempabench-personas" target="_blank">mempabench-personas</a></td></tr>
+    <tr><td>The paper's runs</td><td><a href="https://huggingface.co/datasets/mempabench/mempabench-traces" target="_blank">mempabench-traces</a></td></tr>
+  </table>
+</div>
+</body>
 </html>

style.css

@@ -1,28 +1,9 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}
+body { margin: 0; padding: 1rem; font-family: -apple-system, "Source Sans Pro", "Segoe UI", sans-serif; color: #1f2340; background: transparent; }
+.card { max-width: 760px; margin: 0 auto; }
+.card img { width: 100%; height: auto; border-radius: 12px; display: block; }
+p { font-size: 15px; line-height: 1.55; margin: 1rem 0; }
+table { border-collapse: collapse; font-size: 14px; }
+td { padding: 0.3rem 1rem 0.3rem 0; vertical-align: top; }
+td:first-child { color: #6b6f80; white-space: nowrap; }
+a { color: #1f2340; text-decoration: underline; text-decoration-color: #c9b8b0; text-underline-offset: 2px; }
+@media (prefers-color-scheme: dark) { body { color: #e8e6f0; } td:first-child { color: #a9aabb; } a { color: #e8e6f0; } }