Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta name="description" content="Browse and download Hamster4Doom's Krea 2 character LoRAs."> | |
| <meta name="color-scheme" content="dark light"> | |
| <title>Hamster4Doom · Krea 2 LoRAs</title> | |
| <link rel="preconnect" href="https://huggingface.co"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="ambient ambient-a"></div><div class="ambient ambient-b"></div> | |
| <header class="hero shell"> | |
| <nav class="topbar" aria-label="Primary navigation"> | |
| <a class="brand" href="#top" aria-label="Hamster4Doom LoRA Browser home"><span class="brand-mark">AR</span><span>LoRA Browser</span></a> | |
| <div class="nav-actions"> | |
| <div class="social-links" aria-label="Creator links"> | |
| <a class="social-link" href="https://huggingface.co/Hamster4Doom/Krea2" target="_blank" rel="noopener" aria-label="Hugging Face model repository"><span aria-hidden="true">🤗</span><span>Hugging Face</span></a> | |
| <a class="social-link" href="https://civitai.com/user/Hamster4Doom" target="_blank" rel="noopener" aria-label="Hamster4Doom on CivitAI"><span aria-hidden="true">🧬</span><span>CivitAI</span></a> | |
| </div> | |
| <button id="themeButton" class="icon-button" type="button" aria-label="Toggle color theme" title="Toggle color theme">◐</button> | |
| </div> | |
| </nav> | |
| <section id="top" class="hero-copy"> | |
| <h2>A visual catalog of character LoRAs trained for Krea 2.</h2> | |
| <p>Search, preview, and download directly from the central repository.</p> | |
| <p>Mostly focused on character LoRAs not covered by other big collections.</p> | |
| <p>Request new Loras in the discussion.</a></p> | |
| <div class="hero-stats" aria-label="Catalog summary"> | |
| <div><strong id="totalCount">—</strong><span>LoRAs</span></div> | |
| <div><strong id="totalSize">—</strong><span>Total size</span></div> | |
| <div><strong id="downloadCount">—</strong><span>Downloads</span></div> | |
| </div> | |
| </section> | |
| </header> | |
| <main class="shell"> | |
| <section class="toolbar" aria-label="Catalog controls"> | |
| <label class="search-wrap"><span aria-hidden="true">⌕</span><input id="searchInput" type="search" placeholder="Search characters or filenames…" autocomplete="off"><kbd>/</kbd></label> | |
| <label class="select-wrap"><span>Sort</span><select id="sortSelect"><option value="newest">Newest first</option><option value="name">Name A–Z</option><option value="largest">Largest first</option></select></label> | |
| <button id="refreshButton" class="refresh-button" type="button">↻ Refresh</button> | |
| </section> | |
| <div class="results-line"><span id="resultLabel">Connecting to the collection…</span><span id="updatedLabel"></span></div> | |
| <section id="notice" class="notice hidden" role="status"></section> | |
| <section id="grid" class="card-grid" aria-live="polite"></section> | |
| <section id="emptyState" class="empty-state hidden"> | |
| <div class="empty-icon">◇</div><h2>No LoRAs found</h2><p id="emptyMessage">Upload .safetensors files to the Krea2 repository and they will appear here automatically.</p> | |
| <a href="https://huggingface.co/Hamster4Doom/Krea2/tree/main" target="_blank" rel="noopener">Open the repository ↗</a> | |
| </section> | |
| </main> | |
| <dialog id="detailDialog" class="detail-dialog"> | |
| <button id="closeDialog" class="dialog-close" type="button" aria-label="Close">×</button> | |
| <div id="dialogContent"></div> | |
| </dialog> | |
| <section class="responsible-use shell" aria-labelledby="responsible-use-title"> | |
| <div class="responsible-use-card"> | |
| <div class="responsible-use-label">RESPONSIBLE USE</div> | |
| <h2 id="responsible-use-title">Create responsibly.</h2> | |
| <p>These LoRAs are provided for creative, research, and entertainment purposes. They are not affiliated with, endorsed by, or sponsored by the individuals depicted.</p> | |
| <p>Users are responsible for how they use generated content and for complying with applicable laws, platform policies, and the rights of others. Please do not use these models to deceive, impersonate, harass, defame, or otherwise harm anyone, or to present generated content as authentic photographs or recordings of real people.</p> | |
| </div> | |
| </section> | |
| <footer class="shell"><span>Built for Krea 2 workflows.</span><a href="https://huggingface.co/spaces/Hamster4Doom/Browser" target="_blank" rel="noopener">Hamster4Doom/Browser</a></footer> | |
| <script src="app.js" defer></script> | |
| </body> | |
| </html> | |