Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>NutriFind</title> | |
| <link rel="stylesheet" href="static/style.css" /> | |
| <script type="module" src="static/index.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <video id="webcam" style="display:none" autoplay="" playsinline=""></video> | |
| <div class="canvas_wrapper" id="canvas_wrapper"> | |
| <button id="switch-camera" style="display:none; position: absolute; top:10px; left:10px; padding:5px; height:40px; width:40px; text-align: center; border-radius: 12.25px; font-size: 20px; font-weight: 900; border:none; background-color: #f2f2f2; color:black; | |
| box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.38); z-index:100"> | |
| <span>⟳</span> | |
| </button> | |
| <center> | |
| <canvas class="output_canvas" id="output_canvas"></canvas> | |
| </center> | |
| <center> | |
| <button id="webcamButton" style="font-weight: 600; color:black;"> | |
| <span>Enable Webcam</span> | |
| </button> | |
| </center> | |
| </div> | |
| </div> | |
| <center> | |
| <input class="btn" type="text" id="user_item_info" placeholder="Enter item name..." style="display:none"> | |
| <button class="btn" id="take-pic">Click</button> | |
| <button class="btn" id="clear-pic" style="display:none">Clear ✖</button> | |
| <button class="btn" id="send-pic" style="display:none">Send ➤</button> | |
| <span style="display:none"> | |
| <input type="range" id="resolution" min="0" max="4000" step="100" value="0" > | |
| <span style="display:block"id="currentResolution"></span> | |
| </span> | |
| <div id="ai_output" class="ai_output" style="display:none" id="output"></div> | |
| </center> | |
| </body> | |
| </html> | |