Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>BaseBench</title> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| transition: background-color 0.3s, color 0.3s; | |
| } | |
| body.dark-mode { | |
| background-color: #1a1a1a; | |
| color: #f0f0f0; | |
| } | |
| h1 { | |
| text-align: center; | |
| } | |
| #content { | |
| margin-top: 20px; | |
| } | |
| #theme-toggle { | |
| position: absolute; | |
| top: 10px; | |
| right: 10px; | |
| padding: 5px 10px; | |
| background-color: #4CAF50; | |
| color: white; | |
| border: none; | |
| cursor: pointer; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| width: 100%; | |
| } | |
| th, td { | |
| border: 1px solid #ddd; | |
| padding: 8px; | |
| text-align: left; | |
| } | |
| .dark-mode th, .dark-mode td { | |
| border-color: #444; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>BaseBench</h1> | |
| <button id="theme-toggle">Dark/Light Theme</button> | |
| <div id="content"></div> | |
| <script> | |
| const markdown = ` | |
| | Rank | Model | Accuracy | Time | Speed | | |
| |------|-----------------------------------|-------------------|-------|----------| | |
| | 1 | openai/gpt-4o-mini | 36.92% (923/2500) | 08:28 | 4.91it/s | | |
| | 2 | anthropic/claude-3-haiku:beta | 36.72% (918/2500) | 06:20 | 6.57it/s | | |
| | 3 | google/gemma-2-27b-it | 25.24% (631/2500) | 05:52 | 7.08it/s | | |
| | 4 | meta-llama/llama-3.1-70b-instruct | 19.04% (476/2500) | 18:01 | 2.31it/s | | |
| `; | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const content = document.getElementById('content'); | |
| content.innerHTML = marked.parse(markdown); | |
| const themeToggle = document.getElementById('theme-toggle'); | |
| themeToggle.addEventListener('click', function() { | |
| document.body.classList.toggle('dark-mode'); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |