<!DOCTYPE html>
<html>
<head>
<script type="module">
import RefreshRuntime from "/@react-refresh"
RefreshRuntime.injectIntoGlobalHook(window)
window.$RefreshReg$ = () => {}
window.$RefreshSig$ = () => (type) => type
window.__vite_plugin_react_preamble_installed__ = true
</script>
<script type="module" src="/@vite/client"></script>
<meta charset="utf-8" />
<title>OpenAI Realtime Console</title>
<meta name="description" content="OpenAI Realtime Console" />
<meta name="author" content="OpenAI" />
<link rel="icon" href="/assets/openai-logomark.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/base.css" />
<!-- head -->
</head>
<body>
<div id="root"><nav class="absolute top-0 left-0 right-0 h-16 flex items-center"><div class="flex items-center gap-4 w-full m-4 pb-2 border-0 border-b border-solid border-gray-200"><img style="width:24px" src="/assets/openai-logomark.svg"/><h1>realtime console</h1></div></nav><main class="absolute top-16 left-0 right-0 bottom-0"><section class="absolute top-0 left-0 right-[380px] bottom-0 flex"><section class="absolute top-0 left-0 right-0 bottom-32 px-4 overflow-y-auto"><div class="flex flex-col gap-2 overflow-x-auto"><div class="text-gray-500">Awaiting events...</div></div></section><section class="absolute h-32 left-0 right-0 bottom-0 p-4"><div class="flex gap-4 border-t-2 border-gray-200 h-full rounded-md"><div class="flex items-center justify-center w-full h-full"><button class="bg-gray-800 text-white rounded-full p-4 flex items-center gap-1 hover:opacity-90 bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"></path><polyline points="13 11 9 17 15 17 11 23"></polyline></svg>start session</button></div></div></section></section><section class="absolute top-0 w-[380px] right-0 bottom-0 p-4 pt-0 overflow-y-auto"><section class="h-full w-full flex flex-col gap-4"><div class="h-full bg-gray-50 rounded-md p-4"><h2 class="text-lg font-bold">Color Palette Tool</h2><p>Start the session to use this tool...</p></div></section></section></main></div>
<!-- hydration -->
<script type="module" src="./entry-client.jsx"></script>
</body>
</html>
hello
May 23, 20252 min read
Comments
Leave a Comment
Share your thoughts on "hello"