new landing page (Teleop + Ego datasets)

index.html

@@ -1,27 +1,32 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8">
-<title>Pick up the water bottle and put it in the basket</title><style>
+<title>Faraday Future — Data Sample Viewers</title><style>
 :root{color-scheme:dark}*{box-sizing:border-box}
 body{margin:0;background:#0b0d12;color:#e6e8ee;font-family:-apple-system,"PingFang SC","Helvetica Neue",Arial,sans-serif}
-header{padding:22px 26px 6px}h1{margin:0 0 4px;font-size:22px}
-.sub{color:#9aa1ad;font-size:13px}
-.note{margin:12px 26px 0;padding:12px 16px;background:#12151c;border:1px solid #232733;border-radius:8px;color:#9aa1ad;font-size:12.5px}
-.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 26px 40px}
-.card{background:#12151c;border:1px solid #232733;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
+header{padding:26px 28px 6px}h1{margin:0 0 5px;font-size:23px}.sub{color:#9aa1ad;font-size:13px}
+.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:18px 28px 44px;max-width:1100px}
+.card{background:#12151c;border:1px solid #232733;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
 .card:hover{border-color:#3a4a6a;transform:translateY(-2px)}
 .card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#000;display:block}
-.card .m{padding:11px 13px 13px}
-.card .t{font-size:15px;margin:0 0 7px}
-.card .r{display:flex;align-items:center;gap:10px;font-size:12px;color:#9aa1ad}
-.chip{background:#1b2740;color:#7fb2ff;border-radius:5px;padding:2px 8px;font-size:11px;font-family:ui-monospace,monospace}
-@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
-@media(max-width:600px){.grid{grid-template-columns:1fr}}
+.card .m{padding:14px 16px 16px}
+.card .t{font-size:17px;margin:0 0 6px;font-weight:600}
+.card .r{font-size:12.5px;color:#9aa1ad;line-height:1.5}
+.card .tag{display:inline-block;background:#1b2740;color:#7fb2ff;border-radius:5px;padding:2px 8px;font-size:11px;font-family:ui-monospace,monospace;margin-top:9px}
+@media(max-width:760px){.grid{grid-template-columns:1fr}}
 </style></head><body>
-<header><h1>Pick up the water bottle and put it in the basket</h1><div class="sub">6 episodes · robot <code>a2</code> · LeRobot dual-arm teleop</div></header>
-<div class="note">Preview viewers for LeRobot dual-arm teleop episodes. Click a card to open its synced multi-camera viewer (video + depth + tactile + robot-state charts). Download links on each viewer point to the source files on HuggingFace.</div>
-<div class="grid"><a class="card" href="ep0/viewer.html"><img src="ep0/thumb.jpg" alt="episode 0"><div class="m"><div class="t">Episode 0 · Pick up the water bottle and put it in the basket</div><div class="r"><span class="chip">A2</span><span>18.2s</span><span>545 frames</span></div></div></a>
-<a class="card" href="ep1/viewer.html"><img src="ep1/thumb.jpg" alt="episode 1"><div class="m"><div class="t">Episode 1 · Pick up the water bottle and put it in the basket</div><div class="r"><span class="chip">A2</span><span>18.8s</span><span>563 frames</span></div></div></a>
-<a class="card" href="ep2/viewer.html"><img src="ep2/thumb.jpg" alt="episode 2"><div class="m"><div class="t">Episode 2 · Pick up the water bottle and put it in the basket</div><div class="r"><span class="chip">A2</span><span>18.7s</span><span>562 frames</span></div></div></a>
-<a class="card" href="ep3/viewer.html"><img src="ep3/thumb.jpg" alt="episode 3"><div class="m"><div class="t">Episode 3 · Pick up the water bottle and put it in the basket</div><div class="r"><span class="chip">A2</span><span>20.5s</span><span>614 frames</span></div></div></a>
-<a class="card" href="ep4/view.html"><img src="ep4/thumb.jpg" alt="episode 4"><div class="m"><div class="t">Episode 4 · Pick up the water bottle and put it in the basket</div><div class="r"><span class="chip">A2</span><span>22.4s</span><span>673 frames</span></div></div></a>
-<a class="card" href="ep5/viewer.html"><img src="ep5/thumb.jpg" alt="episode 5"><div class="m"><div class="t">Episode 5 · Pick up the water bottle and put it in the basket</div><div class="r"><span class="chip">A2</span><span>18.4s</span><span>553 frames</span></div></div></a></div>
-</body></html>
+<header><h1>Faraday Future · EAI Data Sample Viewers</h1>
+<div class="sub">Interactive previews of embodied-AI data samples. Pick a dataset to explore.</div></header>
+<div class="grid">
+  <a class="card" href="teleop.html">
+    <img src="ep0/thumb.jpg" alt="Teleop Sample">
+    <div class="m"><div class="t">Teleop Sample</div>
+      <div class="r">AgiBot A2 dual-arm real-robot teleoperation · 6 episodes.<br>Multi-camera video + depth, dexterous-hand tactile, joint / end-effector / gripper charts, temporal spans.</div>
+      <span class="tag">LeRobot · a2 · 6 episodes</span></div>
+  </a>
+  <a class="card" href="ego_annotation_demo/viewer.html">
+    <img src="ego_annotation_demo/thumb.jpg" alt="Ego Annotation Demo">
+    <div class="m"><div class="t">Ego Annotation Demo</div>
+      <div class="r">PICO head-mounted first-person capture · 1 clip.<br>Stereo fisheye + depth, 3D hand-pose &amp; 3D head-pose (orbit), head velocity / rotation, temporal spans.</div>
+      <span class="tag">ego-rgb · hand+head 3D</span></div>
+  </a>
+</div>
+</body></html>