Screen-VLA / index.html
Gemini
VLA Data Generator - Complete TypeScript/React app with backend
256cef9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>VLA Data Generator</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* For a custom scrollbar to match the dark theme */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #1e293b; /* slate-800 */
}
::-webkit-scrollbar-thumb {
background: #475569; /* slate-600 */
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #64748b; /* slate-500 */
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@^19.1.0",
"react-dom/": "https://esm.sh/react-dom@^19.1.0/",
"react/": "https://esm.sh/react@^19.1.0/",
"@google/genai": "https://esm.sh/@google/genai@^1.8.0"
}
}
</script>
</head>
<body class="bg-slate-900">
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>