Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Korea AI Leaderboard</title> | |
| <style> | |
| body { | |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| height: 100vh; | |
| margin: 0; | |
| background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%); | |
| color: white; | |
| } | |
| .container { | |
| text-align: center; | |
| padding: 3rem; | |
| background: rgba(255, 255, 255, 0.1); | |
| border-radius: 20px; | |
| backdrop-filter: blur(10px); | |
| box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); | |
| max-width: 600px; | |
| } | |
| h1 { | |
| margin-bottom: 1.5rem; | |
| font-size: 2.5rem; | |
| text-shadow: 2px 2px 4px rgba(0,0,0,0.3); | |
| } | |
| p { | |
| margin-bottom: 2rem; | |
| font-size: 1.3rem; | |
| line-height: 1.6; | |
| } | |
| .button-container { | |
| margin-top: 2rem; | |
| } | |
| .go-button { | |
| display: inline-block; | |
| padding: 1rem 3rem; | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| color: white; | |
| text-decoration: none; | |
| font-weight: bold; | |
| font-size: 1.2rem; | |
| border-radius: 50px; | |
| box-shadow: 0 4px 15px 0 rgba(31, 38, 135, 0.2); | |
| transition: all 0.3s ease; | |
| border: 2px solid rgba(255, 255, 255, 0.2); | |
| cursor: pointer; | |
| } | |
| .go-button:hover { | |
| transform: translateY(-3px); | |
| box-shadow: 0 8px 25px 0 rgba(31, 38, 135, 0.3); | |
| background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); | |
| } | |
| .go-button:active { | |
| transform: translateY(-1px); | |
| } | |
| .icon { | |
| font-size: 4rem; | |
| margin-bottom: 1rem; | |
| animation: bounce 2s infinite; | |
| } | |
| @keyframes bounce { | |
| 0%, 20%, 50%, 80%, 100% { | |
| transform: translateY(0); | |
| } | |
| 40% { | |
| transform: translateY(-20px); | |
| } | |
| 60% { | |
| transform: translateY(-10px); | |
| } | |
| } | |
| .subtitle { | |
| font-size: 1.1rem; | |
| opacity: 0.9; | |
| margin-bottom: 2rem; | |
| } | |
| .note { | |
| font-size: 0.9rem; | |
| opacity: 0.7; | |
| margin-top: 2rem; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="icon">🏆</div> | |
| <h1>Korea AI Leaderboard</h1> | |
| <p class="subtitle">Korean Language Model Performance Evaluation</p> | |
| <p>Check and compare the performance of the latest Korean AI models.</p> | |
| <div class="button-container"> | |
| <a href="#" | |
| class="go-button" | |
| onclick="window.open('https://huggingface.co/spaces/openfree/Korea-Leaderboard', '_blank'); return false;"> | |
| Open Leaderboard in New Tab → | |
| </a> | |
| </div> | |
| <p class="note">Click the button above to open the leaderboard in a new window</p> | |
| </div> | |
| <script> | |
| // Alternative method to open in new window | |
| document.querySelector('.go-button').addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const url = 'https://huggingface.co/spaces/openfree/Korea-Leaderboard'; | |
| // Try multiple methods to ensure it opens | |
| const newWindow = window.open(url, '_blank', 'noopener,noreferrer'); | |
| // If popup was blocked, try location change | |
| if (!newWindow || newWindow.closed || typeof newWindow.closed == 'undefined') { | |
| window.location.href = url; | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |