Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>AestheticMCQ — Annotation</title> | |
| <link rel="stylesheet" href="/style.css?v=10" /> | |
| <script> | |
| // Apply saved theme before CSS paints to avoid a flash. | |
| (function () { | |
| var t = localStorage.getItem("aamcq_theme") || "light"; | |
| document.documentElement.setAttribute("data-theme", t); | |
| })(); | |
| </script> | |
| </head> | |
| <body> | |
| <main> | |
| <header> | |
| <h1>AestheticMCQ</h1> | |
| <div class="right"> | |
| <div id="progress">loading…</div> | |
| <button id="theme-toggle" aria-label="toggle theme" title="toggle light/dark">☀</button> | |
| </div> | |
| </header> | |
| <section id="instructions"> | |
| <p> | |
| Pick the aesthetic profile that best describes the image. If two feel | |
| equally good, pick the closer one; if none feels right, still pick the | |
| closest. | |
| </p> | |
| </section> | |
| <section id="card"> | |
| <figure> | |
| <img id="stimulus" alt="image to annotate" /> | |
| <figcaption id="base-prompt"></figcaption> | |
| </figure> | |
| <form id="options"></form> | |
| </section> | |
| <footer> | |
| <button id="submit" disabled>Submit & next</button> | |
| <span id="error"></span> | |
| </footer> | |
| </main> | |
| <script src="/app.js?v=14"></script> | |
| </body> | |
| </html> | |