Hugging Face's logo

Spaces:
openfree
/
Korean-leaderboard
Running

App Files Community
openfree commited on
Commit
84d3476
Β·
verified Β·
1 Parent(s): 4a59873

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +116 -100
index.html CHANGED
@@ -1,106 +1,122 @@
1
  <!DOCTYPE html>
2
- <html lang="ko">
3
  <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Korea Leaderboard둜 이동</title>
7
- <style>
8
- body {
9
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
10
- display: flex;
11
- justify-content: center;
12
- align-items: center;
13
- height: 100vh;
14
- margin: 0;
15
- background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);
16
- color: white;
17
- }
18
- .container {
19
- text-align: center;
20
- padding: 3rem;
21
- background: rgba(255, 255, 255, 0.1);
22
- border-radius: 20px;
23
- backdrop-filter: blur(10px);
24
- box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
25
- max-width: 600px;
26
- }
27
- h1 {
28
- margin-bottom: 1.5rem;
29
- font-size: 2.5rem;
30
- text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
31
- }
32
- p {
33
- margin-bottom: 2rem;
34
- font-size: 1.3rem;
35
- line-height: 1.6;
36
- }
37
- .button-container {
38
- margin-top: 2rem;
39
- }
40
- .go-button {
41
- display: inline-block;
42
- padding: 1rem 3rem;
43
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
44
- color: white;
45
- text-decoration: none;
46
- font-weight: bold;
47
- font-size: 1.2rem;
48
- border-radius: 50px;
49
- box-shadow: 0 4px 15px 0 rgba(31, 38, 135, 0.2);
50
- transition: all 0.3s ease;
51
- border: 2px solid rgba(255, 255, 255, 0.2);
52
- }
53
- .go-button:hover {
54
- transform: translateY(-3px);
55
- box-shadow: 0 8px 25px 0 rgba(31, 38, 135, 0.3);
56
- background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
57
- }
58
- .go-button:active {
59
- transform: translateY(-1px);
60
- }
61
- .icon {
62
- font-size: 4rem;
63
- margin-bottom: 1rem;
64
- animation: bounce 2s infinite;
65
- }
66
- @keyframes bounce {
67
- 0%, 20%, 50%, 80%, 100% {
68
- transform: translateY(0);
69
- }
70
- 40% {
71
- transform: translateY(-20px);
72
- }
73
- 60% {
74
- transform: translateY(-10px);
75
- }
76
- }
77
- .subtitle {
78
- font-size: 1.1rem;
79
- opacity: 0.9;
80
- margin-bottom: 2rem;
81
- }
82
- </style>
 
 
 
 
 
 
83
  </head>
84
  <body>
85
- <div class="container">
86
- <div class="icon">πŸ†</div>
87
- <h1>Korea Leaderboard</h1>
88
- <p class="subtitle">ν•œκ΅­μ–΄ AI λͺ¨λΈ μ„±λŠ₯ 평가 λ¦¬λ”λ³΄λ“œ</p>
89
- <p>μ΅œμ‹  ν•œκ΅­μ–΄ AI λͺ¨λΈλ“€μ˜ μ„±λŠ₯을 ν™•μΈν•˜κ³  λΉ„κ΅ν•΄λ³΄μ„Έμš”.</p>
90
- <div class="button-container">
91
- <a href="https://huggingface.co/spaces/openfree/Korea-Leaderboard"
92
- class="go-button"
93
- target="_top">
94
- λ¦¬λ”λ³΄λ“œ λ°”λ‘œκ°€κΈ° β†’
95
- </a>
96
- </div>
97
- </div>
98
-
99
- <script>
100
- // 3초 ν›„ μžλ™ 이동 (선택사항)
101
- setTimeout(function() {
102
- window.top.location.href = "https://huggingface.co/spaces/openfree/Korea-Leaderboard";
103
- }, 3000);
104
- </script>
 
 
 
 
 
 
 
 
 
 
105
  </body>
106
  </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="en">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Korea AI Leaderboard</title>
7
+ <style>
8
+ body {
9
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+ height: 100vh;
14
+ margin: 0;
15
+ background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);
16
+ color: white;
17
+ }
18
+ .container {
19
+ text-align: center;
20
+ padding: 3rem;
21
+ background: rgba(255, 255, 255, 0.1);
22
+ border-radius: 20px;
23
+ backdrop-filter: blur(10px);
24
+ box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
25
+ max-width: 600px;
26
+ }
27
+ h1 {
28
+ margin-bottom: 1.5rem;
29
+ font-size: 2.5rem;
30
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
31
+ }
32
+ p {
33
+ margin-bottom: 2rem;
34
+ font-size: 1.3rem;
35
+ line-height: 1.6;
36
+ }
37
+ .button-container {
38
+ margin-top: 2rem;
39
+ }
40
+ .go-button {
41
+ display: inline-block;
42
+ padding: 1rem 3rem;
43
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
44
+ color: white;
45
+ text-decoration: none;
46
+ font-weight: bold;
47
+ font-size: 1.2rem;
48
+ border-radius: 50px;
49
+ box-shadow: 0 4px 15px 0 rgba(31, 38, 135, 0.2);
50
+ transition: all 0.3s ease;
51
+ border: 2px solid rgba(255, 255, 255, 0.2);
52
+ cursor: pointer;
53
+ }
54
+ .go-button:hover {
55
+ transform: translateY(-3px);
56
+ box-shadow: 0 8px 25px 0 rgba(31, 38, 135, 0.3);
57
+ background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
58
+ }
59
+ .go-button:active {
60
+ transform: translateY(-1px);
61
+ }
62
+ .icon {
63
+ font-size: 4rem;
64
+ margin-bottom: 1rem;
65
+ animation: bounce 2s infinite;
66
+ }
67
+ @keyframes bounce {
68
+ 0%, 20%, 50%, 80%, 100% {
69
+ transform: translateY(0);
70
+ }
71
+ 40% {
72
+ transform: translateY(-20px);
73
+ }
74
+ 60% {
75
+ transform: translateY(-10px);
76
+ }
77
+ }
78
+ .subtitle {
79
+ font-size: 1.1rem;
80
+ opacity: 0.9;
81
+ margin-bottom: 2rem;
82
+ }
83
+ .note {
84
+ font-size: 0.9rem;
85
+ opacity: 0.7;
86
+ margin-top: 2rem;
87
+ }
88
+ </style>
89
  </head>
90
  <body>
91
+ <div class="container">
92
+ <div class="icon">πŸ†</div>
93
+ <h1>Korea AI Leaderboard</h1>
94
+ <p class="subtitle">Korean Language Model Performance Evaluation</p>
95
+ <p>Check and compare the performance of the latest Korean AI models.</p>
96
+ <div class="button-container">
97
+ <a href="#"
98
+ class="go-button"
99
+ onclick="window.open('https://huggingface.co/spaces/openfree/Korea-Leaderboard', '_blank'); return false;">
100
+ Open Leaderboard in New Tab β†’
101
+ </a>
102
+ </div>
103
+ <p class="note">Click the button above to open the leaderboard in a new window</p>
104
+ </div>
105
+
106
+ <script>
107
+ // Alternative method to open in new window
108
+ document.querySelector('.go-button').addEventListener('click', function(e) {
109
+ e.preventDefault();
110
+ const url = 'https://huggingface.co/spaces/openfree/Korea-Leaderboard';
111
+
112
+ // Try multiple methods to ensure it opens
113
+ const newWindow = window.open(url, '_blank', 'noopener,noreferrer');
114
+
115
+ // If popup was blocked, try location change
116
+ if (!newWindow || newWindow.closed || typeof newWindow.closed == 'undefined') {
117
+ window.location.href = url;
118
+ }
119
+ });
120
+ </script>
121
  </body>
122
  </html>