Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <link rel="icon" type="image/svg+xml" href="/vite.svg" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <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=Source+Sans+Pro:wght@400;600;700;900&display=swap" | |
| rel="stylesheet" | |
| /> | |
| <title>Leaderboards on the Hub</title> | |
| <script> | |
| // Detect system preference for dark mode and apply it immediately | |
| // This prevents flash of wrong theme on initial load | |
| (function () { | |
| var prefersDarkMode = | |
| window.matchMedia && | |
| window.matchMedia("(prefers-color-scheme: dark)").matches; | |
| var theme = prefersDarkMode ? "dark" : "light"; | |
| // Apply theme to document elements | |
| document.documentElement.setAttribute("data-theme", theme); | |
| document.documentElement.classList.add(theme + "-mode"); | |
| // Apply theme class to body as well | |
| document.addEventListener("DOMContentLoaded", function () { | |
| document.body.classList.add(theme + "-mode"); | |
| }); | |
| })(); | |
| </script> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script type="module" src="/src/main.jsx"></script> | |
| </body> | |
| </html> | |