| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Amazon This Object</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>Amazon This Object</h1> | |
| </header> | |
| <section class="token-section"> | |
| <input type="text" id="hf_token" placeholder="Enter HuggingFace token" /> | |
| <button class="btn primary" id="apply_token" type="button">Submit</button> | |
| </section> | |
| <main id="main_container"> | |
| <div class="preview-container"> | |
| <img id="preview" src="" alt="Camera preview"> | |
| <div class="no-image" id="no-image">No image yet</div> | |
| </div> | |
| <div class="controls"> | |
| <button class="btn primary" id="take-btn">Capture object</button> | |
| <button class="btn primary" id="link-btn">Amazon this object</button> | |
| </div> | |
| <div class="status" id="amazon_link"></div> | |
| <div class="status" id="status"></div> | |
| </main> | |
| </div> | |
| <script src="/static/main.js"></script> | |
| </body> | |
| </html> |