Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>🤖 lerobot.js - React Demo</title> | |
| <meta | |
| name="description" | |
| content="State-of-the-art AI for real-world robotics in JavaScript/TypeScript - Interactive React Demo" | |
| /> | |
| <style> | |
| :root { | |
| --background: 0 0% 100%; | |
| --foreground: 240 10% 3.9%; | |
| --card: 0 0% 100%; | |
| --card-foreground: 240 10% 3.9%; | |
| --popover: 0 0% 100%; | |
| --popover-foreground: 240 10% 3.9%; | |
| --primary: 240 9% 17%; | |
| --primary-foreground: 0 0% 98%; | |
| --secondary: 240 4.8% 95.9%; | |
| --secondary-foreground: 240 5.9% 10%; | |
| --muted: 240 4.8% 95.9%; | |
| --muted-foreground: 240 3.8% 46.1%; | |
| --accent: 240 4.8% 95.9%; | |
| --accent-foreground: 240 5.9% 10%; | |
| --destructive: 0 84.2% 60.2%; | |
| --destructive-foreground: 0 0% 98%; | |
| --border: 240 5.9% 90%; | |
| --input: 240 5.9% 90%; | |
| --ring: 240 10% 3.9%; | |
| --chart-1: 12 76% 61%; | |
| --chart-2: 173 58% 39%; | |
| --chart-3: 197 37% 24%; | |
| --chart-4: 43 74% 66%; | |
| --chart-5: 27 87% 67%; | |
| --radius: 0.5rem; | |
| } | |
| .dark { | |
| --background: 240 10% 3.9%; | |
| --foreground: 0 0% 98%; | |
| --card: 240 10% 3.9%; | |
| --card-foreground: 0 0% 98%; | |
| --popover: 240 10% 3.9%; | |
| --popover-foreground: 0 0% 98%; | |
| --primary: 0 0% 98%; | |
| --primary-foreground: 240 5.9% 10%; | |
| --secondary: 240 3.7% 15.9%; | |
| --secondary-foreground: 0 0% 98%; | |
| --muted: 240 3.7% 15.9%; | |
| --muted-foreground: 240 5% 64.9%; | |
| --accent: 240 3.7% 15.9%; | |
| --accent-foreground: 0 0% 98%; | |
| --destructive: 0 62.8% 30.6%; | |
| --destructive-foreground: 0 0% 98%; | |
| --border: 240 3.7% 15.9%; | |
| --input: 240 3.7% 15.9%; | |
| --ring: 240 4.9% 83.9%; | |
| --chart-1: 220 70% 50%; | |
| --chart-2: 160 60% 45%; | |
| --chart-3: 30 80% 55%; | |
| --chart-4: 280 65% 60%; | |
| --chart-5: 340 75% 55%; | |
| } | |
| * { | |
| border-color: hsl(var(--border)); | |
| } | |
| body { | |
| background-color: hsl(var(--background)); | |
| color: hsl(var(--foreground)); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script type="module" src="/examples/robot-control-web/main.tsx"></script> | |
| </body> | |
| </html> | |