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>