File size: 1,158 Bytes
83b4013
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Image Generator</title></head><body>
 <div class="w-full sm:w-3/4 mx-auto">
 <h1 class="text-6xl font-bold mb-6 text-center">Image Generator</h1>
 <form class="mb-6">
   <label for="model" class="block mb-2">Select model</label>
   <select id="model" class="input w-full mb-4">
    <option value="">-- Select a model --</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="car">Car</option>
   </select>
   <button class="btn w-full shadow" @click.prevent="generateImage" id="generate-button">Generate</button>
 </form>
 <div class="m-auto mb-12">
   <img id="generated-image" class="w-full" src="https://placekitten.com/200/300" />
 </div>
 </div>
</body>
</html>