radames's picture
first
0e2b5bb unverified
raw
history blame
3.3 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/embed/huggingface-projects/color-palette-generator-sd/static/favicon.png" />
<meta name="viewport" content="width=device-width" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
<meta http-equiv="content-security-policy" content="">
<link href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/assets/_layout-61667866.css" rel="stylesheet">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-f14f4bc6.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-87ffbc52.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/singletons-981cc309.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-f1cd020f.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/components/pages/_layout.svelte-0eef4b25.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/modules/pages/_layout.ts-b8ee4d7c.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/_layout-1daba58d.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/components/pages/_page.svelte-078789b5.js">
</head>
<body class="dark:bg-[rgb(11,15,25)] bg-white dark:text-white text-black">
<div>
<div class="max-w-screen-lg mx-auto px-3 py-8 relative z-0"><div class="relative"><form class="grid grid-cols-5"><input class="disabled:opacity-50 col-span-4 flex-grow italic dark:placeholder:text-black placeholder:text-white text-white dark:text-black placeholder:text-opacity-40 dark:bg-white bg-slate-900 border-2 border-black rounded-2xl p-3 shadow-sm focus:outline-none focus:border-gray-400 focus:ring-1 " placeholder="A photo of a beautiful sunset in San Francisco" type="text" name="prompt" >
<button class="disabled:opacity-50 flex-1 dark:bg-white dark:text-black border-2 border-black rounded-2xl ml-2 p-3 px-6 shadow-sm font-bold focus:outline-none focus:border-gray-400" >Create Palette
</button></form>
</div>
</div>
<script type="module" data-sveltekit-hydrate="1d6r527">
import { start } from "/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-f14f4bc6.js";
start({
env: {"PUBLIC_WS_ENDPOINT":"wss://spaces.huggingface.tech/stabilityai/stable-diffusion/queue/join"},
hydrate: {
status: 200,
error: null,
node_ids: [0, 2],
params: {},
routeId: "",
data: (function(a){return [a,a]}(null)),
form: null
},
paths: {"base":"/embed/huggingface-projects/color-palette-generator-sd/static","assets":"/embed/huggingface-projects/color-palette-generator-sd/static"},
target: document.querySelector('[data-sveltekit-hydrate="1d6r527"]').parentNode,
trailing_slash: "never"
});
</script>
</div>
</body>
</html>