File size: 3,692 Bytes
0e2b5bb
 
 
 
c211fda
0e2b5bb
 
 
540d5a9
c211fda
2fe2cfd
540d5a9
2fe2cfd
540d5a9
 
c211fda
 
2fe2cfd
0e2b5bb
 
 
 
 
4bbc9a0
c211fda
f866cfd
c211fda
f866cfd
c211fda
540d5a9
c211fda
0e2b5bb
 
 
2fe2cfd
c211fda
f866cfd
 
 
0e2b5bb
 
2fe2cfd
 
0e2b5bb
 
c211fda
0e2b5bb
 
 
 
 
 
 
 
 
c211fda
2fe2cfd
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
<!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-0243ccbc.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-0edff2c7.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-32f48e10.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-bc65a407.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>


		<script type="module" data-sveltekit-hydrate="1sav8kr">
		import { start } from "/embed/huggingface-projects/color-palette-generator-sd/static/_app/immutable/start-0edff2c7.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="1sav8kr"]').parentNode,
			trailing_slash: "never"
		});
	</script>
	</div>
	</body>
</html>