| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <link rel="icon" href="data:;base64,="> |
| <title>Pixif2</title> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <header class="topbar"> |
| <div class="brand">Pixif2</div> |
| <nav> |
| <button class="tab active" data-tab="submit">Submit</button> |
| <button class="tab" data-tab="explorer">Explorer</button> |
| </nav> |
| </header> |
|
|
| <main id="app"> |
| <section id="submit" class="panel active"> |
| <div class="section-head"> |
| <h1>Submit</h1> |
| <span>Search and scan</span> |
| </div> |
| <div class="submit-grid"> |
| <div class="form-group"> |
| <label>URL or user IDs</label> |
| <input type="text" id="input-url" placeholder="https://www.pixiv.net/search?q=..."> |
| </div> |
| <div class="form-group"> |
| <label>Pages</label> |
| <input type="number" id="input-pages" value="30" min="1" max="500"> |
| </div> |
| <div class="form-group"> |
| <label>Mode</label> |
| <select id="input-mode"> |
| <option value="all">All</option> |
| <option value="ai" selected>AI only</option> |
| <option value="real">Real only</option> |
| </select> |
| </div> |
| <button id="btn-submit" class="btn-primary">Submit</button> |
| </div> |
| <div id="submit-status"></div> |
| </section> |
|
|
| <section id="explorer" class="panel"> |
| <div class="section-head"> |
| <h1>Explorer</h1> |
| <span>Saved scans</span> |
| </div> |
| <div id="search-list"></div> |
| <div id="search-detail" class="hidden"> |
| <div class="detail-header"> |
| <button id="btn-back" class="btn-secondary">Back</button> |
| <div> |
| <div id="detail-title"></div> |
| <div id="detail-stats"></div> |
| </div> |
| <div id="exif-filters" class="exif-filters"></div> |
| </div> |
| <div id="pager"></div> |
| <div id="results-grid"></div> |
| </div> |
| </section> |
| </main> |
| <div id="viewer" class="hidden" aria-hidden="true"> |
| <div class="viewer-bar"> |
| <button id="viewer-zoom-out" class="btn-secondary">-</button> |
| <span id="viewer-zoom">100%</span> |
| <button id="viewer-zoom-in" class="btn-secondary">+</button> |
| <a id="viewer-download" class="btn-secondary" href="">Download</a> |
| <button id="viewer-close" class="btn-secondary">Close</button> |
| </div> |
| <div id="viewer-stage"> |
| <img id="viewer-img" alt=""> |
| </div> |
| </div> |
| <script src="app.js"></script> |
| </body> |
| </html> |
|
|
