radames's picture
new static
94ac759 unverified
raw
history blame
3.71 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-d5401698.css" rel="stylesheet">
<link href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/assets/_page-fd1176fc.css" rel="stylesheet">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-71510e5f.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-cab3212e.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/singletons-8ad8fe92.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-f686559f.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/components/pages/_layout.svelte-34307958.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-456d84af.js">
</head>
<body class="dark:bg-[rgb(11,15,25)] bg-white dark:text-white text-black">
<div>
<div class="max-w-screen-md mx-auto px-3 py-8 relative z-0"><h1 class="text-3xl font-bold leading-normal">Palette generation with Stable Diffussion</h1>
<p class="text-sm">Original ideas:
<a class="link svelte-zbscw1" target="_blank" rel="nofollow noopener" href="https://twitter.com/mattdesl/status/1569457653298139136">Matt DesLauriers
</a>,
<a class="link svelte-zbscw1" href="https://drib.net/homage">dribnet </a></p>
<div class="relative sticky top-0 z-50 bg-white dark:bg-black py-3"><form class="grid grid-cols-6"><input class="input svelte-zbscw1" placeholder="A photo of a beautiful sunset in San Francisco" title="Input prompt to generate image and obtain palette" type="text" name="prompt" >
<button class="button svelte-zbscw1" title="Generate Palette">Create Palette
</button></form>
</div>
<div class="flex items-center gap-4 my-10"><div class="font-bold text-sm">0 submitted palettes</div>
<div class="grow border-b border-gray-200"></div></div>
</div>
<script type="module" data-sveltekit-hydrate="1giwb4g">
import { start } from "/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-71510e5f.js";
start({
env: {"PUBLIC_DEV_MODE":"PROD","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="1giwb4g"]').parentNode,
trailing_slash: "never"
});
</script>
</div>
</body>
</html>