Update org card: English two-column products, compressed images

README.md

@@ -7,93 +7,33 @@ sdk: static
 pinned: false
 ---
 
-<style>
-  .io-hero { margin: 0 0 1.1rem 0; }
-  .io-kicker { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; margin: 0 0 0.35rem 0; }
-  .io-hero h2 { margin: 0 0 0.45rem 0; font-size: 1.35rem; line-height: 1.25; }
-  .io-hero p { margin: 0; line-height: 1.55; }
-  .io-grid { display: grid; grid-template-columns: 1fr; gap: 0.9rem; margin: 0.9rem 0 1.15rem 0; }
-  @media (min-width: 720px) { .io-grid { grid-template-columns: 1fr 1fr; } }
-  .io-card { border-radius: 14px; overflow: hidden; border: 1px solid rgba(128,128,128,0.22); background: #111; color: #f4f4f4; display: flex; flex-direction: column; }
-  .io-card img { width: 100%; height: 188px; object-fit: cover; display: block; }
-  .io-card-body { padding: 0.9rem 1rem 1rem 1rem; display: flex; flex-direction: column; gap: 0.45rem; flex: 1; }
-  .io-tag { display: inline-block; font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; color: #c8f04a; }
-  .io-card h3 { margin: 0; font-size: 1.15rem; color: #fff; }
-  .io-card p { margin: 0; font-size: 0.92rem; line-height: 1.5; color: #d7d7d7; }
-  .io-list { margin: 0.15rem 0 0 1.05rem; padding: 0; color: #d7d7d7; font-size: 0.88rem; line-height: 1.45; }
-  .io-links { display: flex; flex-wrap: wrap; gap: 0.55rem 0.85rem; margin-top: 0.35rem; }
-  .io-links a { color: #c8f04a; font-size: 0.88rem; text-decoration: underline; }
-  .io-section h3 { margin: 0 0 0.45rem 0; font-size: 1rem; }
-  .io-section p, .io-section li { line-height: 1.5; font-size: 0.92rem; }
-  .io-section ul { margin: 0.2rem 0 0.6rem 1.1rem; padding: 0; }
-  .io-foot { opacity: 0.85; font-size: 0.88rem; }
-</style>
+<p>
+<strong>IO-AI Tech</strong> builds hardware and software for real-world robotics and embodied AI data.
+</p>
 
-<div class="io-hero">
-  <p class="io-kicker">IO-AI Tech · 艾欧智能</p>
-  <h2>Robotics &amp; embodied AI data infrastructure</h2>
-  <p>
-    We build the hardware and software that collect real-world robot and human data for Physical AI.
-    This org publishes open sample datasets from two product lines:
-    <strong>TeleXperience</strong> (robot teleoperation) and
-    <strong>SenseXperience</strong> (human egocentric &amp; UMI capture).
-    Both feed <a href="https://io-ai.tech/en/">EmbodiFlow</a> for alignment, review, and export to LeRobot / HDF5 / MCAP.
-  </p>
-</div>
-
-<div class="io-grid">
-  <div class="io-card">
-    <img src="https://io-ai.tech/media/products/telexperience/telexperience-en.webp" alt="TeleXperience: general-purpose robot teleoperation system" />
-    <div class="io-card-body">
-      <div class="io-tag">All in, any out</div>
-      <h3>TeleXperience</h3>
-      <p>General-purpose robot teleoperation. A person wears VR + motion capture; the system maps that motion onto the robot and records a time-synced dataset.</p>
-      <ul class="io-list">
-        <li>80+ robot configs: humanoids, arms, high-DoF hands</li>
-        <li>VR, mocap suit, and optional haptic / tactile gloves</li>
-        <li>Native EmbodiFlow capture → annotation → training export</li>
-      </ul>
-      <div class="io-links">
-        <a href="https://huggingface.co/collections/io-intelligence/telexperience-6a81c3b9e5a9701a56d7a5db">Open datasets</a>
-        <a href="https://io-ai.tech/en/telexperience/">Product page</a>
-        <a href="https://io-ai.tech/telexperience/en/docs/gen1/">Docs</a>
-      </div>
-    </div>
+<div class="grid grid-cols-2 gap-4">
+  <div>
+    <a href="https://io-ai.tech/en/telexperience/">
+      <img src="telexperience.jpg" alt="TeleXperience" class="w-full rounded-lg" />
+    </a>
+    <p class="mt-2 mb-1"><strong>TeleXperience</strong></p>
+    <p class="text-sm m-0">General-purpose robot teleoperation for 80+ robot types.</p>
+    <p class="text-sm mt-1">
+      <a href="https://io-ai.tech/en/telexperience/">Product page</a>
+      ·
+      <a href="https://huggingface.co/collections/io-intelligence/telexperience-6a81c3b9e5a9701a56d7a5db">Datasets</a>
+    </p>
   </div>
-
-  <div class="io-card">
-    <img src="https://io-ai.tech/media/products/sensexperience-en.webp" alt="SenseXperience: real-world human-centric data collection" />
-    <div class="io-card-body">
-      <div class="io-tag">Baseline &amp; custom</div>
-      <h3>SenseXperience</h3>
-      <p>Wearable hardware for high-quality human data: egocentric video, wrist cameras, UMI-style grippers, audio, and IMU — built for foundation models and world models.</p>
-      <ul class="io-list">
-        <li>Modular kit: ego unit, wrist unit, gripper, compute</li>
-        <li>Extend with mocap and tactile gloves</li>
-        <li>Post-process in EmbodiFlow (pose, gesture, export)</li>
-      </ul>
-      <div class="io-links">
-        <a href="https://huggingface.co/collections/io-intelligence/sensexperience-6a41d3fe45bb5fc9e7c2e6ca">Open datasets</a>
-        <a href="https://io-ai.tech/en/sensexperience/">Product page</a>
-      </div>
-    </div>
+  <div>
+    <a href="https://io-ai.tech/en/sensexperience/">
+      <img src="sensexperience.jpg" alt="SenseXperience" class="w-full rounded-lg" />
+    </a>
+    <p class="mt-2 mb-1"><strong>SenseXperience</strong></p>
+    <p class="text-sm m-0">Wearable capture for real-world human egocentric and UMI data.</p>
+    <p class="text-sm mt-1">
+      <a href="https://io-ai.tech/en/sensexperience/">Product page</a>
+      ·
+      <a href="https://huggingface.co/collections/io-intelligence/sensexperience-6a41d3fe45bb5fc9e7c2e6ca">Datasets</a>
+    </p>
   </div>
 </div>
-
-<div class="io-section">
-  <h3>Featured open data</h3>
-  <ul>
-    <li><a href="https://huggingface.co/datasets/io-intelligence/WipeTable_DualArxR5a_TeleXperience"><strong>WipeTable DualArxR5a</strong></a> — TeleXperience, LeRobot v3, dual-arm table wiping</li>
-    <li><a href="https://huggingface.co/datasets/io-intelligence/FoldingTShirt_DualArxR5a_Samples"><strong>FoldingTShirt DualArxR5a</strong></a> — TeleXperience raw MCAP, T-shirt folding</li>
-    <li><a href="https://huggingface.co/datasets/ICRA-WBCD/IO-AI-SenseXperience-UMI"><strong>SenseXperience UMI</strong></a> — ICRA workshop UMI human data</li>
-    <li><a href="https://huggingface.co/datasets/io-intelligence/SenseXperience_WristCam_SampleData"><strong>WristCam Sample</strong></a> — SenseXperience raw MCAP, ego + wrist + head IMU</li>
-    <li><a href="https://huggingface.co/datasets/io-intelligence/so101_stack_cups"><strong>SO-101 stack cups</strong></a> + <a href="https://huggingface.co/models/io-intelligence/smolvla_so101_stack_cups">SmolVLA policy</a></li>
-  </ul>
-  <p class="io-foot">
-    Website: <a href="https://io-ai.tech/">io-ai.tech</a>
-    · More robot-arm demos in LeRobot format:
-    <a href="https://huggingface.co/datasets/io-intelligence/realman_aidal_desktop_cleanup">RealMan cleanup</a>,
-    <a href="https://huggingface.co/datasets/io-intelligence/piper_uncap_pen">Piper uncap pen</a>,
-    <a href="https://huggingface.co/datasets/io-intelligence/arx_pick_block">ARX pick block</a>.
-  </p>
-</div>