Harheem Kim commited on
Commit
d1b3dfa
ยท
1 Parent(s): 9b84f06

pie chart text color

Browse files
tabs/leaderboard_v1_en.py CHANGED
@@ -805,7 +805,7 @@ def create_leaderboard_v2_tab():
805
  }
806
 
807
  .hero-title {
808
- font-size: 5rem;
809
  font-weight: 800;
810
  line-height: 1.1;
811
  background: linear-gradient(135deg, #FFE082 0%, #FFC107 50%, #FFB300 100%);
@@ -962,7 +962,18 @@ def create_leaderboard_v2_tab():
962
  position: relative;
963
  font-size: 1.5rem;
964
  font-weight: 700;
965
- color: var(--text-primary);
 
 
 
 
 
 
 
 
 
 
 
966
  }
967
 
968
  .phase-list {
@@ -1042,7 +1053,7 @@ def create_leaderboard_v2_tab():
1042
  /* Responsive design */
1043
  @media (max-width: 768px) {
1044
  .hero-title {
1045
- font-size: 3rem;
1046
  }
1047
  .hero-action-button {
1048
  width: 100% !important;
@@ -1144,7 +1155,7 @@ def create_leaderboard_v2_tab():
1144
  <div class="phase-card">
1145
  <h3>Single-Turn</h3>
1146
  <div class="phase-chart" style="--progress:80%;">
1147
- <span>80%</span>
1148
  </div>
1149
  <ul class="phase-list">
1150
  <li style="color: white;">L1: Single Tool Execution</li>
@@ -1157,7 +1168,7 @@ def create_leaderboard_v2_tab():
1157
  <div class="phase-card">
1158
  <h3>Multi-Turn</h3>
1159
  <div class="phase-chart" style="--progress:20%;">
1160
- <span>20%</span>
1161
  </div>
1162
  <ul class="phase-list">
1163
  <li style="color: white;">L6: Efficiency</li>
 
805
  }
806
 
807
  .hero-title {
808
+ font-size: 6rem;
809
  font-weight: 800;
810
  line-height: 1.1;
811
  background: linear-gradient(135deg, #FFE082 0%, #FFC107 50%, #FFB300 100%);
 
962
  position: relative;
963
  font-size: 1.5rem;
964
  font-weight: 700;
965
+ color: white !important;
966
+ }
967
+
968
+ /* ์ถ”๊ฐ€์ ์ธ ๊ตฌ์ฒด์  ์„ ํƒ์ž */
969
+ .phase-card .phase-chart span {
970
+ color: #FFFFFF !important;
971
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
972
+ }
973
+
974
+ .phase-grid .phase-chart span {
975
+ color: #FFFFFF !important;
976
+ z-index: 10 !important;
977
  }
978
 
979
  .phase-list {
 
1053
  /* Responsive design */
1054
  @media (max-width: 768px) {
1055
  .hero-title {
1056
+ font-size: 4rem;
1057
  }
1058
  .hero-action-button {
1059
  width: 100% !important;
 
1155
  <div class="phase-card">
1156
  <h3>Single-Turn</h3>
1157
  <div class="phase-chart" style="--progress:80%;">
1158
+ <span style="color: #FFFFFF !important; text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important; font-weight: 700 !important;">80%</span>
1159
  </div>
1160
  <ul class="phase-list">
1161
  <li style="color: white;">L1: Single Tool Execution</li>
 
1168
  <div class="phase-card">
1169
  <h3>Multi-Turn</h3>
1170
  <div class="phase-chart" style="--progress:20%;">
1171
+ <span style="color: #FFFFFF !important; text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important; font-weight: 700 !important;">20%</span>
1172
  </div>
1173
  <ul class="phase-list">
1174
  <li style="color: white;">L6: Efficiency</li>
tabs/leaderboard_v1_kr.py CHANGED
@@ -962,7 +962,18 @@ def create_leaderboard_v2_tab():
962
  position: relative;
963
  font-size: 1.5rem;
964
  font-weight: 700;
965
- color: var(--text-primary);
 
 
 
 
 
 
 
 
 
 
 
966
  }
967
 
968
  .phase-list {
@@ -1143,7 +1154,7 @@ def create_leaderboard_v2_tab():
1143
  <div class="phase-card">
1144
  <h3>๋‹จ์ผ ํ„ด</h3>
1145
  <div class="phase-chart" style="--progress:80%;">
1146
- <span>80%</span>
1147
  </div>
1148
  <ul class="phase-list">
1149
  <li style="color: white;">L1: ๋‹จ์ผ ๋„๊ตฌ ์‹คํ–‰</li>
@@ -1156,7 +1167,7 @@ def create_leaderboard_v2_tab():
1156
  <div class="phase-card">
1157
  <h3>๋‹ค์ค‘ ํ„ด</h3>
1158
  <div class="phase-chart" style="--progress:20%;">
1159
- <span>20%</span>
1160
  </div>
1161
  <ul class="phase-list">
1162
  <li style="color: white;">L6: ํšจ์œจ์„ฑ (Efficiency)</li>
@@ -1174,7 +1185,7 @@ def create_leaderboard_v2_tab():
1174
  <h2 class="section-title">18๊ฐ€์ง€ ํ•œ๊ตญํ˜• API ์‚ฌ์šฉ ๋ฐ ์‹ค์ƒํ™œ ํ™˜๊ฒฝ์— ํŠนํ™”๋œ ๊ณ ํ’ˆ์งˆ ์‹œ๋‚˜๋ฆฌ์˜ค ๊ตฌ์„ฑ</h2>
1175
  </div>
1176
  <div class="scenario-body">
1177
- <p>๋„ค์ด๋ฒ„, ์ง€๋„, ์นด์นด์˜ค, ์›น์‚ฌ์ดํŠธ ๋“ฑ ํ•œ๊ตญ ์‹ค์‚ฌ์šฉ ํ™˜๊ฒฝ ๊ธฐ๋ฐ˜์˜ API๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ตญ๋‚ด ์‚ฌ์šฉ์ž์˜ ์ผ์ƒ๊ณผ ๋ฐ€์ ‘ํ•œ '์•ฝ์† ์˜ˆ์•ฝ', '๋ธ”๋กœ๊ทธ ํ›„๊ธฐ ๊ฒ€์ƒ‰'๊ณผ ๊ฐ™์€ ํ˜„์‹ค์ ์ธ ๋ฌธ์ œ ํ•ด๊ฒฐ ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.</p>
1178
  </div>
1179
  <div class="section-flow">โŒ„</div>
1180
  </div>
 
962
  position: relative;
963
  font-size: 1.5rem;
964
  font-weight: 700;
965
+ color: white !important;
966
+ }
967
+
968
+ /* ์ถ”๊ฐ€์ ์ธ ๊ตฌ์ฒด์  ์„ ํƒ์ž */
969
+ .phase-card .phase-chart span {
970
+ color: #FFFFFF !important;
971
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
972
+ }
973
+
974
+ .phase-grid .phase-chart span {
975
+ color: #FFFFFF !important;
976
+ z-index: 10 !important;
977
  }
978
 
979
  .phase-list {
 
1154
  <div class="phase-card">
1155
  <h3>๋‹จ์ผ ํ„ด</h3>
1156
  <div class="phase-chart" style="--progress:80%;">
1157
+ <span style="color: #FFFFFF !important; text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important; font-weight: 700 !important;">80%</span>
1158
  </div>
1159
  <ul class="phase-list">
1160
  <li style="color: white;">L1: ๋‹จ์ผ ๋„๊ตฌ ์‹คํ–‰</li>
 
1167
  <div class="phase-card">
1168
  <h3>๋‹ค์ค‘ ํ„ด</h3>
1169
  <div class="phase-chart" style="--progress:20%;">
1170
+ <span style="color: #FFFFFF !important; text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important; font-weight: 700 !important;">20%</span>
1171
  </div>
1172
  <ul class="phase-list">
1173
  <li style="color: white;">L6: ํšจ์œจ์„ฑ (Efficiency)</li>
 
1185
  <h2 class="section-title">18๊ฐ€์ง€ ํ•œ๊ตญํ˜• API ์‚ฌ์šฉ ๋ฐ ์‹ค์ƒํ™œ ํ™˜๊ฒฝ์— ํŠนํ™”๋œ ๊ณ ํ’ˆ์งˆ ์‹œ๋‚˜๋ฆฌ์˜ค ๊ตฌ์„ฑ</h2>
1186
  </div>
1187
  <div class="scenario-body">
1188
+ <p>๋„ค์ด๋ฒ„, ์ง€๋„, ์นด์นด์˜ค, ์›น์‚ฌ์ดํŠธ ๋“ฑ ํ•œ๊ตญ ์‹ค์‚ฌ์šฉ ํ™˜๊ฒฝ ๊ธฐ๋ฐ˜์˜ API๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ<br> ๊ตญ๋‚ด ์‚ฌ์šฉ์ž์˜ ์ผ์ƒ๊ณผ ๋ฐ€์ ‘ํ•œ '์•ฝ์† ์˜ˆ์•ฝ', '๋ธ”๋กœ๊ทธ ํ›„๊ธฐ ๊ฒ€์ƒ‰'๊ณผ ๊ฐ™์€ ํ˜„์‹ค์ ์ธ ๋ฌธ์ œ ํ•ด๊ฒฐ ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.</p>
1189
  </div>
1190
  <div class="section-flow">โŒ„</div>
1191
  </div>