Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |
| <title>Axium Image Moderation Lab</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <main class="app-shell"> | |
| <header class="app-header"> | |
| <div> | |
| <p class="eyebrow">AXIUM SAFETY</p> | |
| <h1>Image moderation test</h1> | |
| </div> | |
| <span class="status" id="serviceStatus">Checking service...</span> | |
| </header> | |
| <section class="workspace" aria-label="Image analysis workspace"> | |
| <form id="uploadForm" class="upload-panel"> | |
| <label class="drop-zone" id="dropZone" for="imageInput"> | |
| <img id="preview" alt="Selected image preview"> | |
| <span class="drop-content" id="dropContent"> | |
| <strong>Select an image</strong> | |
| <small>JPEG, PNG or WebP, up to 8 MB</small> | |
| </span> | |
| </label> | |
| <input id="imageInput" name="image" type="file" accept="image/jpeg,image/png,image/webp" required> | |
| <div class="file-row"> | |
| <span id="fileName">No file selected</span> | |
| <button type="submit" id="analyseButton">Run moderation</button> | |
| </div> | |
| </form> | |
| <section class="report-panel" aria-live="polite"> | |
| <div class="report-heading"> | |
| <div> | |
| <p class="eyebrow">REPORT</p> | |
| <h2 id="verdictTitle">Waiting for an image</h2> | |
| </div> | |
| <span class="verdict neutral" id="verdictBadge">Not tested</span> | |
| </div> | |
| <p class="report-note" id="reportNote">Tests run in order and stop immediately when one rejects the image.</p> | |
| <ol class="test-list" id="testList"> | |
| <li data-test="0"><span class="test-index">01</span><span>Adult or NSFW content</span><b>Waiting</b></li> | |
| <li data-test="1"><span class="test-index">02</span><span>Violence</span><b>Waiting</b></li> | |
| <li data-test="2"><span class="test-index">03</span><span>Hateful-symbol heuristic</span><b>Waiting</b></li> | |
| <li data-test="3"><span class="test-index">04</span><span>Offensive text</span><b>Waiting</b></li> | |
| </ol> | |
| </section> | |
| </section> | |
| <p class="disclaimer">Experimental tool. Automated moderation can make mistakes; uncertain or important decisions require human review.</p> | |
| </main> | |
| <script src="/static/app.js" defer></script> | |
| </body> | |
| </html> | |