Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Face Similarity Comparator</title> | |
| <link rel="stylesheet" href="/static/styles.css" /> | |
| <link rel="website icon" type="png" href="/static/icon.png" > | |
| </head> | |
| <body> | |
| <header> | |
| <h1>👨👩👧👦 Face Similarity Comparator</h1> | |
| <p> | |
| Curious who your kids resemble the most? Wonder which celebrity shares | |
| your features? Upload photos below and let our AI judge facial | |
| similarity for fun family debates, twin‑spotting games, or social‑media | |
| challenges. For best accuracy use front‑facing photos, evenly lit with | |
| no glasses, masks, or hair covering facial landmarks. | |
| </p> | |
| </header> | |
| <main id="upload-section"> | |
| <div class="upload-wrapper"> | |
| <h2>Tester Photo (only 1)</h2> | |
| <div class="file-block"> | |
| <input id="tester" type="file" accept="image/*" /> | |
| <small>Upload <strong>one</strong> clear, close-up, front‑view face photo.</small> | |
| </div> | |
| </div> | |
| <div class="upload-wrapper"> | |
| <h2>Sampler Photos (max 5)</h2> | |
| <div class="file-block"> | |
| <input id="samplers" type="file" accept="image/*" multiple /> | |
| <small>Upload <strong>up to 5</strong> clear, close-up, front‑view face face photos.</small> | |
| </div> | |
| </div> | |
| </main> | |
| <div id="action-container"></div> | |
| <section id="results" class="hidden"> | |
| <canvas id="lines-canvas"></canvas> | |
| <div id="result-layout"> | |
| <div id="tester-column"></div> | |
| <div id="sampler-column"></div> | |
| </div> | |
| </section> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> |