branch:
index.html
1581 bytesRaw
<!doctype html>
<html lang="en" class="h-full" data-theme="workers">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Workers AI LLM Playground - Interact with AI models powered by Cloudflare Workers"
/>
<meta name="theme-color" content="#000000" />
<!-- Open Graph / Social Media -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Workers AI LLM Playground" />
<meta
property="og:description"
content="Interact with AI models powered by Cloudflare Workers"
/>
<title>Workers AI LLM Playground</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<script>
// Prevent flash of wrong mode — reads stored preference from localStorage
(() => {
const stored = localStorage.getItem("theme");
let mode;
if (stored === "light" || stored === "dark") {
mode = stored;
} else {
// "system" or no preference stored — use OS setting
mode = window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light";
}
document.documentElement.setAttribute("data-mode", mode);
document.documentElement.style.colorScheme = mode;
})();
</script>
</head>
<body class="h-full bg-kumo-base text-kumo-default antialiased">
<div id="root" class="h-full"></div>
<script type="module" src="/src/client.tsx"></script>
</body>
</html>