teleop gallery moved to teleop.html

teleop.html

@@ -0,0 +1,27 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8">
+<title>Pick up the water bottle and put it in the basket</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}
+.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}}
+</style></head><body>
+<header><a href="index.html" style="color:#6f92c8;text-decoration:none;font-size:13px;display:inline-block;margin-bottom:6px">← all datasets</a><br><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>