Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> | |
| <title>Build Small Roulette</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet" /> | |
| <link rel="stylesheet" href="style.css" /> | |
| <script async src="https://unpkg.com/es-module-shims@1.7.0/dist/es-module-shims.js"></script> | |
| <script type="importmap"> | |
| { "imports": { "@huggingface/hub": "https://cdn.jsdelivr.net/npm/@huggingface/hub@2.11.2/+esm" } } | |
| </script> | |
| </head> | |
| <body> | |
| <header id="topbar" class="topbar" hidden> | |
| <div class="tb-left"> | |
| <span id="card-emoji" class="emoji"></span> | |
| <span id="card-title" class="title"></span> | |
| <span id="card-track" class="track-badge" hidden></span> | |
| <a id="hf-likes" class="hf-likes" title="Likes on Hugging Face" target="_blank" rel="noopener"></a> | |
| </div> | |
| <div class="tb-right"> | |
| <button id="btn-like" class="btn btn-icon" title="Like (L)">👍</button> | |
| <button id="btn-save" class="btn btn-icon" title="Save (S)">💾</button> | |
| <button id="btn-next" class="btn btn-next" title="Next (Space/→)"><span class="compass">🧭</span> Next</button> | |
| </div> | |
| </header> | |
| <main id="stage" class="stage"> | |
| <div id="loader" class="loader">Finding a trail…</div> | |
| </main> | |
| <footer id="bottombar" class="bottombar" hidden> | |
| <button id="btn-prev" class="btn btn-ghost" title="Prev (←)">⏮ Prev</button> | |
| <a id="btn-open" class="btn btn-ghost" target="_blank" rel="noopener" title="Open on HF (O)">↗ Open on HF</a> | |
| <button id="btn-saved" class="btn btn-ghost" title="Saved">☰ Saved (0)</button> | |
| <button id="btn-track" class="btn btn-ghost" title="Filter by track">⤮ All</button> | |
| <span id="progress" class="progress"></span> | |
| <span id="auth" class="auth"></span> | |
| </footer> | |
| <div id="drawer" class="drawer" hidden></div> | |
| <div id="overlay" class="overlay" hidden></div> | |
| <div id="toast" class="toast" hidden></div> | |
| <script type="module" src="js/app.js"></script> | |
| </body> | |
| </html> | |