ybjeong commited on
Commit
5979192
β€’
1 Parent(s): 35e672b

Update index.html

Browse files
Files changed (1) hide show
  1. 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
- <div id="header_content"><p>[2024 ꡭ립ꡭ어원 인곡 지λŠ₯ μ–Έμ–΄ λŠ₯λ ₯ 평가]</p>
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
- <li>2024λ…„ 7~8μ›” 개졜 μ˜ˆμ •μΈ "2024λ…„ 인곡지λŠ₯의 ν•œκ΅­μ–΄ λŠ₯λ ₯ 평가" κ²½μ§„λŒ€νšŒ κ³Όμ œμž…λ‹ˆλ‹€.</li>
202
- <li>일상 λŒ€ν™” μš”μ•½: λ‹€μžκ°„ λŒ€ν™”μ—μ„œ μ£Όμ œλ³„ μš”μ•½λ¬Έμ„ 생성</li>
203
- <li>λŒ€ν™” λ§₯락 μΆ”λ‘ : λ°œν™”μ˜ λ§₯락을 μ •ν™•ν•˜κ²Œ μΆ”λ‘ ν•œ λ¬Έμž₯을 선택</li>
204
- </ul>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- <table id = "table-progress" class="table-task-list">
223
- <thead>
224
- <tr>
225
- <td>No</td>
226
- <td>과제λͺ…</td>
227
- <td>과제 λΆ„λ₯˜</td>
228
- <td>과제 κΈ°κ°„</td>
229
- <td>과제 μƒνƒœ</td>
230
- </tr>
231
- </thead>
232
- <tbody>
233
- </tbody>
234
- </table>
 
 
235
  <div id="hr-area-progress"></div>
236
  <div class="detail-div">
237
- <div id="task-progress-notice-div" class= "task-notice-div">
238
- <h1 class= "notice-task-name"></h1>
239
- <span class= "notice-task-period"></span>
240
- <div class= "notice-task-info"></div>
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
- <table id = "table-past" class="table-task-list">
256
- <thead>
257
- <tr>
258
- <td>No</td>
259
- <td>과제λͺ…</td>
260
- <td>과제 λΆ„λ₯˜</td>
261
- <td>과제 κΈ°κ°„</td>
262
- <td>과제 μƒνƒœ</td>
263
- </tr>
264
- </thead>
265
- <tbody>
266
- </tbody>
267
- </table>
 
 
268
  <div id= "hr-area-past"></div>
269
  <div class="detail-div">
270
- <div id="task-past-notice-div" class= "task-notice-div">
271
- <h1 class= "notice-task-name"></h1>
272
- <span class= "notice-task-period"></span>
273
- <div class= "notice-task-info"></div>
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 = noticeDetail.find('.notice-task-name');
398
- var taskPeriodDiv = noticeDetail.find('.notice-task-period');
 
 
 
 
 
 
 
 
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');