Spaces:

circulartext
/

TheLastA.I_Book

Sleeping

App Files Files Community

circulartext commited on Jun 11

Commit

3936a00

•

1 Parent(s): 8a016c0

Create index.html

Browse files

Files changed (1) hide show

index.html +69 -0

index.html ADDED Viewed

	@@ -0,0 +1,69 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Text-to-Image Gradio Template</title>
+    <script src="https://cdn.jsdelivr.net/npm/@gradio/[email protected]/dist/gradio.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/[email protected]/dist/gradio.min.css">
+    <style>
+        #col-container {
+            margin: 0 auto;
+            max-width: 520px;
+        }
+    </style>
+</head>
+<body>
+    <div id="gradio-app"></div>
+    <script>
+        const { gr, gradio } = window;
+        const MAX_SEED = 2147483647; // Max seed for np.int32
+        const MAX_IMAGE_SIZE = 1024;
+        // Your Python function for inference
+        const infer = gr.pythonFunction({
+            functionAddress: 'somewhere',
+            returnType: 'numpy',
+            functionArgs: ['prompt', 'negative_prompt', 'seed', 'randomize_seed', 'width', 'height', 'guidance_scale', 'num_inference_steps']
+        });
+        const examples = [
+            "Astronaut in a jungle, cold color palette, muted colors, detailed, 8k",
+            "An astronaut riding a green horse",
+            "A delicious ceviche cheesecake slice",
+        ];
+        const demo = gr.Interface(
+            infer,
+            gr.Blocks,
+            () => ({
+                elem_id: "col-container",
+                examples: examples,
+                inputs: [
+                    gr.Text({label: "Prompt", show_label: false, maxLines: 1, placeholder: "Enter your prompt", container: false}),
+                    gr.Button("Run", {scale: 0})
+                ],
+                outputs: gr.Image({label: "Result", show_label: false}),
+                advanced: [
+                    gr.Accordion("Advanced Settings", false, [
+                        gr.Text({label: "Negative prompt", maxLines: 1, placeholder: "Enter a negative prompt", visible: false}),
+                        gr.Slider({label: "Seed", min: 0, max: MAX_SEED, step: 1, value: 0}),
+                        gr.Checkbox("Randomize seed", true),
+                        gr.Row([
+                            gr.Slider({label: "Width", min: 256, max: MAX_IMAGE_SIZE, step: 32, value: 512}),
+                            gr.Slider({label: "Height", min: 256, max: MAX_IMAGE_SIZE, step: 32, value: 512})
+                        ]),
+                        gr.Row([
+                            gr.Slider({label: "Guidance scale", min: 0.0, max: 10.0, step: 0.1, value: 0.0}),
+                            gr.Slider({label: "Number of inference steps", min: 1, max: 12, step: 1, value: 2})
+                        ])
+                    ])
+                ]
+            })
+        );
+        demo.render(document.getElementById("gradio-app"));
+    </script>
+</body>
+</html>