Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>LLM Zeroth Alignment Benchmark</title> | |
| <link rel="stylesheet" href="css/style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>LLM <span>Zeroth Alignment</span> Benchmark</h1> | |
| <p id="subtitleText">Loading…</p> | |
| </header> | |
| <!-- Stats Summary --> | |
| <div class="stats-bar" id="statsBar"> | |
| <div class="stat-card" data-filter="all"> | |
| <div class="stat-value" id="statTotal">—</div> | |
| <div class="stat-label">Models Tested</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-value" id="statAvg">—</div> | |
| <div class="stat-label">Avg Score</div> | |
| </div> | |
| <div class="stat-card" data-filter="3"> | |
| <div class="stat-value" id="statPerfect">—</div> | |
| <div class="stat-label">Score 3</div> | |
| </div> | |
| <div class="stat-card" data-filter="fail"> | |
| <div class="stat-value" id="statFails">—</div> | |
| <div class="stat-label">Failures</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-value" id="statPass">—</div> | |
| <div class="stat-label">Pass Rate</div> | |
| </div> | |
| </div> | |
| <!-- Controls --> | |
| <div class="controls"> | |
| <div class="filter-buttons"> | |
| <button class="filter-btn active" data-filter="all">All</button> | |
| <button class="filter-btn" data-filter="3">Score 3</button> | |
| <button class="filter-btn" data-filter="2">Score 2</button> | |
| <button class="filter-btn" data-filter="1">Score 1</button> | |
| <button class="filter-btn" data-filter="0">Score 0</button> | |
| <button class="filter-btn" data-filter="fail">Fail</button> | |
| </div> | |
| <div class="search-box"> | |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> | |
| <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/> | |
| </svg> | |
| <input type="text" id="searchInput" placeholder="Search models or notes..."> | |
| </div> | |
| </div> | |
| <!-- Results --> | |
| <div class="results-info" id="resultsInfo"></div> | |
| <div id="resultsContainer"> | |
| <div class="loading"> | |
| <div class="spinner"></div> | |
| <p>Loading benchmark data...</p> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="js/app.js"></script> | |
| </body> | |
| </html> |