| <!DOCTYPE html> |
| <html> |
|
|
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width" /> |
| <title>DETR - Object detection demo</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| </head> |
|
|
| <body> |
| <script type="module" src="script.js"></script> |
|
|
| <div class="container mx-auto px-4"> |
| <h2 class="mb-4 text-3xl font-extrabold leading-none tracking-tight text-gray-900 md:text-4xl">DETR - Object detection demo</h2> |
|
|
| <div class="mt-4 mb-4"> |
| <form> |
| <label>Image :</label> |
| <input type="file" id="image-file" accept="image/*" /> |
| </form> |
| </div> |
|
|
| <div class="columns-2"> |
| <div class="relative w-full" id="image-container"> |
| <img id="example-img" width="100%" src="/images/girl_picnic.jpeg"> |
| </div> |
| <div class="w-full overflow-y-auto max-h-[600px] font-mono text-xs border border-black"> |
| <pre> |
| <code id="output"></code> |
| </pre> |
| </div> |
| </div> |
| </div> |
| |
| </body> |
|
|
| </html> |
