jclyo1's picture
updates to UI
f05e9cf
raw
history blame
1.74 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fast API 🤗 Space served with Uvicorn</title>
<link rel="stylesheet" href="style.css" />
<script type="module" src="script.js"></script>
<script type="module" src="https://display.truepic.com/truepic_display.es.js"></script>
</head>
<body>
<main>
<section id="text-gen">
<h1>Text to Image with Signed Attribution</h1>
<truepic-display><img src="/output.jpg" /></truepic-display>
<form class="text-gen-form" style="padding:40px 0;">
<label for="text-gen-input">Enter prompt: </label>
<input
id="text-gen-input"
type="text"
value=""
style="margin:40px 0;"
/>
<label>Inference Steps: </label>
<select style="width:20%" id="inference_steps">
<option value="5">5 (1m 10s)</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
</select>
<label>Model: </label>
<select style="width:20%" id="model">
<option value="runwayml/stable-diffusion-v1-5">runwayml/stable-diffusion-v1-5</option>
<option value="CompVis/stable-diffusion-v1-4">CompVis/stable-diffusion-v1-4</option>
<option value="stabilityai/stable-diffusion-2-1">stabilityai/stable-diffusion-2-1</option>
</select>
<button id="text-gen-submit">Submit</button>
</form>
<form method="get" id="redirect-form" action="/"></form>
</section>
</main>
</body>
</html>