Spaces:
Runtime error
Runtime error
File size: 4,893 Bytes
0e2b5bb c211fda 0e2b5bb cf9a112 c211fda 9d92e44 540d5a9 9d92e44 540d5a9 c211fda 9d92e44 0e2b5bb 4bbc9a0 c211fda f866cfd c211fda f866cfd c211fda 540d5a9 c211fda 0e2b5bb 2fe2cfd c211fda f866cfd cf9a112 f866cfd 0e2b5bb cf9a112 9d92e44 0e2b5bb c211fda 0e2b5bb c211fda cf9a112 0e2b5bb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
<!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-e397cbf6.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-db90f0a0.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-5559954d.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/singletons-9542ead4.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/chunks/index-3bda1050.js">
<link rel="modulepreload" href="/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/components/pages/_layout.svelte-55da5a4f.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-ea2cf9bd.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 Diffusion</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 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">Loading...</div>
<div class="grow border-b border-gray-200"></div></div>
<div></div>
<nav role="navigation"><ul class="items-center sm:justify-center space-x-2 select-none w-full flex justify-center mt-6 mb-4"><li></li>
<li><a class="px-2.5 py-1 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center rounded-lg" href="#"><svg class="mr-1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M10 16L20 6l1.4 1.4l-8.6 8.6l8.6 8.6L20 26z" fill="currentColor"></path></svg> Previous
</a></li>
<li class="text-sm"><span class="inline-block min-w-[3ch] text-right">1 </span>/<span class="inline-block min-w-[3ch]">0</span></li>
<li><a class="px-2.5 py-1 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center rounded-lg" href="#">Next <svg class="ml-1.5 transform rotate-180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M10 16L20 6l1.4 1.4l-8.6 8.6l8.6 8.6L20 26z" fill="currentColor"></path></svg></a></li></ul></nav>
</div>
<script type="module" data-sveltekit-hydrate="9rn8b6">
import { start } from "/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-db90f0a0.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="9rn8b6"]').parentNode,
trailing_slash: "never"
});
</script>
</div>
</body>
</html>
|