Spaces:
Running
Running
Update index.html
Browse files- index.html +116 -57
index.html
CHANGED
@@ -186,30 +186,67 @@
|
|
186 |
.rank-class{
|
187 |
text-align: left !important;
|
188 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
189 |
</style>
|
190 |
</head>
|
191 |
<body>
|
192 |
<div class="header">
|
193 |
-
<div id="header_title"><h2>π
Korean AI leaderboard</h2></div>
|
194 |
-
|
195 |
-
<ul class="circle-list">
|
196 |
-
<li> μΈκ³΅ μ§λ₯, μΈκ°μ κ°μ μ μ΄ν΄νκ³ μ΄μΌκΈ°λ₯Ό μμ±νλ€</li>
|
197 |
-
<li> κ³Όμ μμΈ λ§ν¬: <a href="https://kli.korean.go.kr/benchmark/taskBoardsOrdtm/boardsOrdtm/noticeView.do?page=0&recordId=130&boardOrdtmId=&base.condition=boardOrdtm.title&base.keyword=&size=10">https://kli.korean.go.kr/benchmark/taskBoardsOrdtm/boardsOrdtm/noticeView.do?page=0&recordId=130&boardOrdtmId=&base.condition=boardOrdtm.title&base.keyword=&size=10</a></li>
|
198 |
-
</ul>
|
199 |
-
<p><br>π κ²½μ§ λν κ³Όμ </p>
|
200 |
<ul class="circle-list">
|
201 |
-
|
202 |
-
|
203 |
-
|
204 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
205 |
|
206 |
-
<p><br>π μμ νκ° κ³Όμ </p>
|
207 |
-
<ul class="circle-list">
|
208 |
-
<li>μ°κ΅¬Β·κ°λ°μλ€μ΄ μΈκ³΅μ§λ₯μ νκ΅μ΄ μ±λ₯μ κ²μ¦νκ³ νκ°ν μ μλλ‘ μμ 곡κ°ν©λλ€.</li>
|
209 |
-
<li>μ°κ²° λ¬Έμ₯ μΆλ‘ : λ λ¬Έμ₯ μ¬μ΄μ λ€μ΄κ° κ°μ₯ μ ν©ν λ¬Έμ₯μ μ ν</li>
|
210 |
-
<li>λΆμ μ λ°μΈ νμ§: λ€μν λ¬Έμμμ λͺ
μμ Β·λΉλͺ
μμ λΆμ μ λ°μΈ νμ§</li>
|
211 |
-
<li>ν¨μ λΆμ κ²°κ³Ό μ€λͺ
λ¬Έ μμ±: λ λ¬Έμ₯ μ¬μ΄μ ν¨μ κ΄κ³ κ·Όκ±°λ₯Ό μμ±</li>
|
212 |
-
<li>κ΅ν νμλ‘ μμ½: κ΅ν νμλ‘ λ΄ μ£Όμ μκ±΄λ³ μμ½λ¬Έμ μμ±</li>
|
213 |
</ul>
|
214 |
</div>
|
215 |
</div>
|
@@ -219,26 +256,27 @@
|
|
219 |
<div class="tab-link" id="title-past">π μ§λ κ³Όμ </div>
|
220 |
</div>
|
221 |
<div class="tab tab-content" id = "task-progress">
|
222 |
-
<
|
223 |
-
<
|
224 |
-
<
|
225 |
-
<
|
226 |
-
|
227 |
-
|
228 |
-
|
229 |
-
|
230 |
-
|
231 |
-
|
232 |
-
|
233 |
-
|
234 |
-
|
|
|
|
|
235 |
<div id="hr-area-progress"></div>
|
236 |
<div class="detail-div">
|
237 |
-
|
238 |
-
|
239 |
-
|
240 |
-
|
241 |
-
</div>
|
242 |
<div id= "table-progress-detail-title"></div>
|
243 |
<div id="table-progress-detail-info"></div>
|
244 |
<table id = "table-progress-detail" class="table-task-detail" style="display:none;">
|
@@ -249,29 +287,35 @@
|
|
249 |
<tbody>
|
250 |
</tbody>
|
251 |
</table>
|
|
|
|
|
|
|
|
|
252 |
</div>
|
253 |
</div>
|
|
|
254 |
<div class="tab tab-content" id= "task-past" style="display:none;">
|
255 |
-
<
|
256 |
-
<
|
257 |
-
<
|
258 |
-
<
|
259 |
-
|
260 |
-
|
261 |
-
|
262 |
-
|
263 |
-
|
264 |
-
|
265 |
-
|
266 |
-
|
267 |
-
|
|
|
|
|
268 |
<div id= "hr-area-past"></div>
|
269 |
<div class="detail-div">
|
270 |
-
|
271 |
-
|
272 |
-
|
273 |
-
|
274 |
-
</div>
|
275 |
<div id= "table-past-detail-title"></div>
|
276 |
<div id="table-past-detail-info"></div>
|
277 |
<table id = "table-past-detail" class="table-task-detail" style="display:none;">
|
@@ -282,6 +326,12 @@
|
|
282 |
<tbody>
|
283 |
</tbody>
|
284 |
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
285 |
</div>
|
286 |
</div>
|
287 |
</div>
|
@@ -394,8 +444,16 @@
|
|
394 |
|
395 |
//taskμ λν μ 보
|
396 |
var noticeDetail = now_task === "progress" ? $('#task-progress-notice-div') : $('#task-past-notice-div');
|
397 |
-
var taskNameDiv =
|
398 |
-
var taskPeriodDiv =
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
399 |
var taskInfoDiv = noticeDetail.find('.notice-task-info');
|
400 |
|
401 |
taskNameDiv.empty();
|
@@ -417,7 +475,8 @@
|
|
417 |
|
418 |
var tableTitle = now_task === "progress" ? $('#table-progress-detail-title') : $('#table-past-detail-title');
|
419 |
tableTitle.empty();
|
420 |
-
tableTitle.html("<br><br><hr class=\"custom-hr\"><br><h1>μμν</h1><br><br>");
|
|
|
421 |
|
422 |
var tableDetail = now_task === "progress" ? $('#table-progress-detail') : $('#table-past-detail');
|
423 |
var thead = tableDetail.find('thead');
|
|
|
186 |
.rank-class{
|
187 |
text-align: left !important;
|
188 |
}
|
189 |
+
.table-div{
|
190 |
+
height: 200px;
|
191 |
+
overflow: auto;
|
192 |
+
}
|
193 |
+
.custom-list {
|
194 |
+
list-style-type: none; /* κΈ°λ³Έ λͺ©λ‘ μ€νμΌ μ κ±° */
|
195 |
+
padding-left: 0; /* μΌμͺ½ ν¨λ© μ κ±° */
|
196 |
+
}
|
197 |
+
.custom-list > li:before {
|
198 |
+
content: counter(item) ") "; /* λ²νΈμ κ΄νΈλ₯Ό μΆκ° */
|
199 |
+
counter-increment: item; /* λ²νΈ μ¦κ° */
|
200 |
+
}
|
201 |
+
.custom-list {
|
202 |
+
counter-reset: item; /* λͺ©λ‘ μμ μ μΉ΄μ΄ν° 리μ
*/
|
203 |
+
}
|
204 |
+
.sub-list {
|
205 |
+
list-style: none; /* νμ λͺ©λ‘ μ€νμΌ μ κ±° */
|
206 |
+
padding-left: 20px; /* νμ λͺ©λ‘ μΌμͺ½ ν¨λ© μΆκ° */
|
207 |
+
}
|
208 |
+
.sub-list li:before {
|
209 |
+
content: "- "; /* νμ΄ν μΆκ° */
|
210 |
+
}
|
211 |
</style>
|
212 |
</head>
|
213 |
<body>
|
214 |
<div class="header">
|
215 |
+
<div id="header_title"><h2>π
Korean AI Malpyeong leaderboard</h2></div>
|
216 |
+
<br><br>
|
|
|
|
|
|
|
|
|
|
|
217 |
<ul class="circle-list">
|
218 |
+
<li>Korean AI Malpyeong Leaderboard(μΈκ³΅μ§λ₯(AI)λ§ν)λ κ΅λ¦½κ΅μ΄μμ νκ΅μ΄ λ₯λ ₯ νκ° μ²΄κ³μ
λλ€.</li><br><br>
|
219 |
+
<li>μΈκ³΅μ§λ₯(AI)λ§νμμ '2024 μΈκ³΅μ§λ₯μ νκ΅μ΄ λ₯λ ₯ νκ°' κ²½μ§ λνλ₯Ό κ°μ΅ν©λλ€.<br>
|
220 |
+
<ol class="custom-list"><br>
|
221 |
+
<li>μ£Όμ : μΈκ³΅μ§λ₯, λνμ λ§₯λ½μ μ½κ³ ν΅μ¬μ μμ½νλ€</li><br>
|
222 |
+
<li>νκ° κ³Όμ :<br>
|
223 |
+
<ul class="sub-list"><br>
|
224 |
+
<li>λν λ§₯λ½ μΆλ‘ : λ°νμ λ§₯λ½μ μ ννκ² μΆλ‘ ν λ¬Έμ₯μ μ ννλ κ³Όμ </li><br>
|
225 |
+
<li>μΌμ λν μμ½: λ€μκ° λνμμ μ£Όμ λ³ μμ½λ¬Έμ μμ±νλ κ³Όμ </li><br>
|
226 |
+
</ul>
|
227 |
+
</li>
|
228 |
+
<li>μ μ κΈ°κ°: 2024. 7. 1. (μ) ~ 2024. 8. 23. (κΈ)</li><br>
|
229 |
+
<li>μ μΆ λ°©λ²: <a href="https://kli.korean.go.kr/benchmark/home.do">κ΅λ¦½κ΅μ΄μ μΈκ³΅μ§λ₯(AI)λ§ν</a>μμ μ μΆ</li>
|
230 |
+
</ol>
|
231 |
+
</li>
|
232 |
+
μ μ, μ κ΄λ ¨
|
233 |
+
π―π₯π₯π₯π
ππ
|
234 |
+
μ±
κ΄λ ¨
|
235 |
+
ππππππππππππππ°π§Ύππ
|
236 |
+
ν κ΄λ ¨
|
237 |
+
βββππππ
|
238 |
+
μΈλ¬Ό κ΄λ ¨
|
239 |
+
π§
|
240 |
+
π©βππ¨βπ
|
241 |
+
π©βπ«π¨βπ«
|
242 |
+
π©βπ»π¨βπ»
|
243 |
+
μ½λ© κ΄λ ¨
|
244 |
+
π»π₯
|
245 |
+
λͺ©μ κ΄λ ¨
|
246 |
+
ππ³π΄π©
|
247 |
+
μ΄μΈ νμ© κ°λ₯
|
248 |
+
π¬ππππ’π£π
|
249 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
250 |
</ul>
|
251 |
</div>
|
252 |
</div>
|
|
|
256 |
<div class="tab-link" id="title-past">π μ§λ κ³Όμ </div>
|
257 |
</div>
|
258 |
<div class="tab tab-content" id = "task-progress">
|
259 |
+
<div class="table-div">
|
260 |
+
<table id = "table-progress" class="table-task-list">
|
261 |
+
<thead>
|
262 |
+
<tr>
|
263 |
+
<td>No</td>
|
264 |
+
<td>κ³Όμ λͺ
</td>
|
265 |
+
<td>κ³Όμ λΆλ₯</td>
|
266 |
+
<td>κ³Όμ κΈ°κ°</td>
|
267 |
+
<td>κ³Όμ μν</td>
|
268 |
+
</tr>
|
269 |
+
</thead>
|
270 |
+
<tbody>
|
271 |
+
</tbody>
|
272 |
+
</table>
|
273 |
+
</div>
|
274 |
<div id="hr-area-progress"></div>
|
275 |
<div class="detail-div">
|
276 |
+
|
277 |
+
<h1 class= "notice-task-name" id= "notice-task-name-progress"></h1>
|
278 |
+
<span class= "notice-task-period" id= "notice-task-period-progress"></span>
|
279 |
+
|
|
|
280 |
<div id= "table-progress-detail-title"></div>
|
281 |
<div id="table-progress-detail-info"></div>
|
282 |
<table id = "table-progress-detail" class="table-task-detail" style="display:none;">
|
|
|
287 |
<tbody>
|
288 |
</tbody>
|
289 |
</table>
|
290 |
+
|
291 |
+
<div id="task-progress-notice-div" class= "task-notice-div">
|
292 |
+
<div class= "notice-task-info"></div>
|
293 |
+
</div>
|
294 |
</div>
|
295 |
</div>
|
296 |
+
|
297 |
<div class="tab tab-content" id= "task-past" style="display:none;">
|
298 |
+
<div class="table-div">
|
299 |
+
<table id = "table-past" class="table-task-list">
|
300 |
+
<thead>
|
301 |
+
<tr>
|
302 |
+
<td>No</td>
|
303 |
+
<td>κ³Όμ λͺ
</td>
|
304 |
+
<td>κ³Όμ λΆλ₯</td>
|
305 |
+
<td>κ³Όμ κΈ°κ°</td>
|
306 |
+
<td>κ³Όμ μν</td>
|
307 |
+
</tr>
|
308 |
+
</thead>
|
309 |
+
<tbody>
|
310 |
+
</tbody>
|
311 |
+
</table>
|
312 |
+
</div>
|
313 |
<div id= "hr-area-past"></div>
|
314 |
<div class="detail-div">
|
315 |
+
|
316 |
+
<h1 class= "notice-task-name" id= "notice-task-name-past"></h1>
|
317 |
+
<span class= "notice-task-period" id= "notice-task-period-past"></span>
|
318 |
+
|
|
|
319 |
<div id= "table-past-detail-title"></div>
|
320 |
<div id="table-past-detail-info"></div>
|
321 |
<table id = "table-past-detail" class="table-task-detail" style="display:none;">
|
|
|
326 |
<tbody>
|
327 |
</tbody>
|
328 |
</table>
|
329 |
+
|
330 |
+
<div id="task-past-notice-div" class= "task-notice-div">
|
331 |
+
<h1 class= "notice-task-name"></h1>
|
332 |
+
<span class= "notice-task-period"></span>
|
333 |
+
<div class= "notice-task-info"></div>
|
334 |
+
</div>
|
335 |
</div>
|
336 |
</div>
|
337 |
</div>
|
|
|
444 |
|
445 |
//taskμ λν μ 보
|
446 |
var noticeDetail = now_task === "progress" ? $('#task-progress-notice-div') : $('#task-past-notice-div');
|
447 |
+
var taskNameDiv = ""
|
448 |
+
var taskPeriodDiv = ""
|
449 |
+
if (now_task == "progress"){
|
450 |
+
taskNameDiv = $('#notice-task-name-progress');
|
451 |
+
taskPeriodDiv = $('#notice-task-period-progress');
|
452 |
+
}
|
453 |
+
else{
|
454 |
+
taskNameDiv = $('#notice-task-name-past');
|
455 |
+
taskPeriodDiv = $('#notice-task-period-past');
|
456 |
+
}
|
457 |
var taskInfoDiv = noticeDetail.find('.notice-task-info');
|
458 |
|
459 |
taskNameDiv.empty();
|
|
|
475 |
|
476 |
var tableTitle = now_task === "progress" ? $('#table-progress-detail-title') : $('#table-past-detail-title');
|
477 |
tableTitle.empty();
|
478 |
+
// tableTitle.html("<br><br><hr class=\"custom-hr\"><br><h1>μμν</h1><br><br>");
|
479 |
+
tableTitle.html("<br><br><span style='font-size:18pt; font-weight:bold; font-family: /'λλκ³ λμ½λ©, NanumGothicCoding, sans-serif/' '><br>μμν<br></span><br><br>");
|
480 |
|
481 |
var tableDetail = now_task === "progress" ? $('#table-progress-detail') : $('#table-past-detail');
|
482 |
var thead = tableDetail.find('thead');
|