Skip to content

Commit f09d4d5

Browse files
committed
update SAC papers in publication and update news!
1 parent 926b0d8 commit f09d4d5

60 files changed

Lines changed: 16330 additions & 16242 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

Datasets.html

Lines changed: 150 additions & 150 deletions
Large diffs are not rendered by default.

Datasets_kor.html

Lines changed: 151 additions & 151 deletions
Large diffs are not rendered by default.

Heroface_Restoration.html

Lines changed: 75 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,76 @@
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>DASH LAB - 6.25 전쟁영웅 사진 복원 사업</title>
7-
<!-- External Libraries -->
8-
<script src="https://cdn.tailwindcss.com"></script>
9-
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
10-
11-
<!-- Custom Shared Resources -->
12-
<link rel="stylesheet" href="css/style.css">
13-
14-
<!-- Inline Helper: Prevents ReferenceError if images load before scripts -->
15-
<script>
16-
function getImg(path) {
17-
var imgBase = "";
18-
if (!path) return '';
19-
var cleanPath = path.startsWith('/') ? path.substring(1) : path;
20-
return imgBase + cleanPath;
21-
}
22-
</script>
23-
24-
<script src="js/common.js"></script>
25-
26-
<!-- 1. DATA: Loads the variables -->
27-
<script src="js/heroface_data.js"></script>
28-
<!-- 2. LOGIC: Renders the page using the variables -->
29-
<script src="js/heroface_logic.js" defer></script>
30-
</head>
31-
32-
<body class="bg-gray-50 flex flex-col min-h-screen">
33-
34-
<!-- Image Enlargement Modal -->
35-
<div id="image-modal" onclick="closeModal()">
36-
<div id="modal-content">
37-
<span class="close-btn" onclick="closeModal()"> &times; </span>
38-
<img id="modal-img" src="" alt="Enlarged Image" />
39-
</div>
40-
</div>
41-
42-
<div class="container mx-auto px-4 pt-8 pb-12 max-w-6xl flex-grow">
43-
<a href="Projects" class="text-blue-700 hover:text-blue-800 font-medium inline-block mb-4">&larr; Back to Projects</a>
44-
45-
<!-- 1. Header Section Container -->
46-
<div id="header-section">
47-
<!-- Content will be injected here by JS -->
48-
</div>
49-
50-
<h2 class="restoration-header">사용한 방법들</h2>
51-
52-
<!-- 2. Methods Grid Container -->
53-
<!-- Responsive Grid: 1 column on mobile, 2 columns on desktop -->
54-
<div id="methods-grid" class="grid grid-cols-1 md:grid-cols-2 gap-6">
55-
<!-- Content will be injected here by JS -->
56-
</div>
57-
58-
<h2 class="restoration-header">보도자료</h2>
59-
60-
<!-- 3. Media Section Container -->
61-
<div id="media-section">
62-
<!-- Content will be injected here by JS -->
63-
</div>
64-
65-
<h2 class="restoration-header">참여기관</h2>
66-
67-
<!-- 4. Partners Grid Container -->
68-
<!-- UPDATED: flex-row ensures horizontal layout on mobile. gap-4 is smaller for mobile space. -->
69-
<div id="partners-grid" class="flex flex-row flex-wrap justify-center items-center gap-4 sm:gap-20 py-8">
70-
<!-- Content will be injected here by JS -->
71-
</div>
72-
</div>
73-
74-
<!-- Footer is injected here by common.js -->
75-
</body>
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>DASH LAB - 6.25 전쟁영웅 사진 복원 사업</title>
7+
<!-- External Libraries -->
8+
<script src="https://cdn.tailwindcss.com"></script>
9+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
10+
11+
<!-- Custom Shared Resources -->
12+
<link rel="stylesheet" href="css/style.css">
13+
14+
<!-- Inline Helper: Prevents ReferenceError if images load before scripts -->
15+
<script>
16+
function getImg(path) {
17+
var imgBase = "";
18+
if (!path) return '';
19+
var cleanPath = path.startsWith('/') ? path.substring(1) : path;
20+
return imgBase + cleanPath;
21+
}
22+
</script>
23+
24+
<script src="js/common.js"></script>
25+
26+
<!-- 1. DATA: Loads the variables -->
27+
<script src="js/heroface_data.js"></script>
28+
<!-- 2. LOGIC: Renders the page using the variables -->
29+
<script src="js/heroface_logic.js" defer></script>
30+
</head>
31+
32+
<body class="bg-gray-50 flex flex-col min-h-screen">
33+
34+
<!-- Image Enlargement Modal -->
35+
<div id="image-modal" onclick="closeModal()">
36+
<div id="modal-content">
37+
<span class="close-btn" onclick="closeModal()"> &times; </span>
38+
<img id="modal-img" src="" alt="Enlarged Image" />
39+
</div>
40+
</div>
41+
42+
<div class="container mx-auto px-4 pt-8 pb-12 max-w-6xl flex-grow">
43+
<a href="Projects" class="text-blue-700 hover:text-blue-800 font-medium inline-block mb-4">&larr; Back to Projects</a>
44+
45+
<!-- 1. Header Section Container -->
46+
<div id="header-section">
47+
<!-- Content will be injected here by JS -->
48+
</div>
49+
50+
<h2 class="restoration-header">사용한 방법들</h2>
51+
52+
<!-- 2. Methods Grid Container -->
53+
<!-- Responsive Grid: 1 column on mobile, 2 columns on desktop -->
54+
<div id="methods-grid" class="grid grid-cols-1 md:grid-cols-2 gap-6">
55+
<!-- Content will be injected here by JS -->
56+
</div>
57+
58+
<h2 class="restoration-header">보도자료</h2>
59+
60+
<!-- 3. Media Section Container -->
61+
<div id="media-section">
62+
<!-- Content will be injected here by JS -->
63+
</div>
64+
65+
<h2 class="restoration-header">참여기관</h2>
66+
67+
<!-- 4. Partners Grid Container -->
68+
<!-- UPDATED: flex-row ensures horizontal layout on mobile. gap-4 is smaller for mobile space. -->
69+
<div id="partners-grid" class="flex flex-row flex-wrap justify-center items-center gap-4 sm:gap-20 py-8">
70+
<!-- Content will be injected here by JS -->
71+
</div>
72+
</div>
73+
74+
<!-- Footer is injected here by common.js -->
75+
</body>
7676
</html>

Members.html

Lines changed: 101 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -1,102 +1,102 @@
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>DASH LAB - Members</title>
7-
8-
<!-- External Libraries -->
9-
<script src="https://cdn.tailwindcss.com"></script>
10-
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
11-
12-
<!-- Custom Shared Resources -->
13-
<link rel="stylesheet" href="css/style.css">
14-
<script src="js/common.js"></script>
15-
16-
<!-- Members Scripts -->
17-
<script src="js/membersdata.js"></script>
18-
<script src="js/members.js" defer></script>
19-
</head>
20-
<body class="bg-gray-50 flex flex-col min-h-screen">
21-
22-
<!-- Navbar injected by common.js -->
23-
24-
<div class="container mx-auto px-4 pt-8 max-w-6xl flex-grow">
25-
26-
<!-- Research Professor -->
27-
<div class="member-section-card">
28-
<h5 class="member-header">Research Professors/Post-Doc Researcher</h5>
29-
<div id="research-professors-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
30-
<!-- JS Injects Here -->
31-
</div>
32-
</div>
33-
34-
<!-- Ph.D. Students -->
35-
<div class="member-section-card">
36-
<h5 class="member-header">Ph.D. Students</h5>
37-
<div id="phd-students-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
38-
<!-- JS Injects Here -->
39-
</div>
40-
</div>
41-
42-
<!-- Master's Students -->
43-
<div class="member-section-card">
44-
<h5 class="member-header">Masters Students</h5>
45-
<div id="ms-students-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
46-
<!-- JS Injects Here -->
47-
</div>
48-
</div>
49-
50-
<!-- Undergraduate Students (Static Call to Action) -->
51-
<div class="member-section-card">
52-
<h5 class="member-header">Undergraduate Students</h5>
53-
<div class="member-card max-w-lg mx-auto">
54-
<img loading="lazy" src="" onerror="this.src=getImg('img/dash_logo/Dashlab_logo.jpg')" alt="DASH Lab Logo" class="member-photo w-24 h-24 mx-auto border-gray-300">
55-
<strong class="text-lg text-gray-800">Interested in joining?</strong>
56-
<p class="text-sm text-gray-600 my-2">A person who can code and has a passion for AI research.</p>
57-
<p class="text-xs font-semibold text-gray-700">Research Focus: Computer Vision, Anomaly Detection, NLP and AI security</p>
58-
<p class="text-xs text-gray-700 mt-2">Contact: undergraduate@g.skku.edu</p>
59-
</div>
60-
</div>
61-
62-
<!-- Master Thesis Supervision -->
63-
<div class="member-section-card alumni-table">
64-
<h5 class="member-header">Master Thesis/Capstone Project Supervision</h5>
65-
<table class="w-full">
66-
<thead>
67-
<tr>
68-
<th data-label="Name">Name</th>
69-
<th data-label="Major" class="w-1/4">Major</th>
70-
<th data-label="Employment" class="w-1/4">Current Employment</th>
71-
<th data-label="Topic" class="w-2/5">Topic</th>
72-
</tr>
73-
</thead>
74-
<tbody id="master-supervision-table-body">
75-
<!-- JS Injects Here -->
76-
</tbody>
77-
</table>
78-
</div>
79-
80-
<!-- Alumni -->
81-
<div class="member-section-card alumni-table">
82-
<h5 class="member-header">Alumni</h5>
83-
<table class="w-full">
84-
<thead>
85-
<tr>
86-
<th data-label="Name">Name</th>
87-
<th data-label="Major">Major</th>
88-
<th data-label="Employment">Current employment</th>
89-
</tr>
90-
</thead>
91-
<tbody id="alumni-table-body">
92-
<!-- JS Injects Here -->
93-
</tbody>
94-
</table>
95-
</div>
96-
97-
</div>
98-
99-
<!-- Footer injected by common.js -->
100-
101-
</body>
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>DASH LAB - Members</title>
7+
8+
<!-- External Libraries -->
9+
<script src="https://cdn.tailwindcss.com"></script>
10+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
11+
12+
<!-- Custom Shared Resources -->
13+
<link rel="stylesheet" href="css/style.css">
14+
<script src="js/common.js"></script>
15+
16+
<!-- Members Scripts -->
17+
<script src="js/membersdata.js"></script>
18+
<script src="js/members.js" defer></script>
19+
</head>
20+
<body class="bg-gray-50 flex flex-col min-h-screen">
21+
22+
<!-- Navbar injected by common.js -->
23+
24+
<div class="container mx-auto px-4 pt-8 max-w-6xl flex-grow">
25+
26+
<!-- Research Professor -->
27+
<div class="member-section-card">
28+
<h5 class="member-header">Research Professors/Post-Doc Researcher</h5>
29+
<div id="research-professors-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
30+
<!-- JS Injects Here -->
31+
</div>
32+
</div>
33+
34+
<!-- Ph.D. Students -->
35+
<div class="member-section-card">
36+
<h5 class="member-header">Ph.D. Students</h5>
37+
<div id="phd-students-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
38+
<!-- JS Injects Here -->
39+
</div>
40+
</div>
41+
42+
<!-- Master's Students -->
43+
<div class="member-section-card">
44+
<h5 class="member-header">Masters Students</h5>
45+
<div id="ms-students-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
46+
<!-- JS Injects Here -->
47+
</div>
48+
</div>
49+
50+
<!-- Undergraduate Students (Static Call to Action) -->
51+
<div class="member-section-card">
52+
<h5 class="member-header">Undergraduate Students</h5>
53+
<div class="member-card max-w-lg mx-auto">
54+
<img loading="lazy" src="" onerror="this.src=getImg('img/dash_logo/Dashlab_logo.jpg')" alt="DASH Lab Logo" class="member-photo w-24 h-24 mx-auto border-gray-300">
55+
<strong class="text-lg text-gray-800">Interested in joining?</strong>
56+
<p class="text-sm text-gray-600 my-2">A person who can code and has a passion for AI research.</p>
57+
<p class="text-xs font-semibold text-gray-700">Research Focus: Computer Vision, Anomaly Detection, NLP and AI security</p>
58+
<p class="text-xs text-gray-700 mt-2">Contact: undergraduate@g.skku.edu</p>
59+
</div>
60+
</div>
61+
62+
<!-- Master Thesis Supervision -->
63+
<div class="member-section-card alumni-table">
64+
<h5 class="member-header">Master Thesis/Capstone Project Supervision</h5>
65+
<table class="w-full">
66+
<thead>
67+
<tr>
68+
<th data-label="Name">Name</th>
69+
<th data-label="Major" class="w-1/4">Major</th>
70+
<th data-label="Employment" class="w-1/4">Current Employment</th>
71+
<th data-label="Topic" class="w-2/5">Topic</th>
72+
</tr>
73+
</thead>
74+
<tbody id="master-supervision-table-body">
75+
<!-- JS Injects Here -->
76+
</tbody>
77+
</table>
78+
</div>
79+
80+
<!-- Alumni -->
81+
<div class="member-section-card alumni-table">
82+
<h5 class="member-header">Alumni</h5>
83+
<table class="w-full">
84+
<thead>
85+
<tr>
86+
<th data-label="Name">Name</th>
87+
<th data-label="Major">Major</th>
88+
<th data-label="Employment">Current employment</th>
89+
</tr>
90+
</thead>
91+
<tbody id="alumni-table-body">
92+
<!-- JS Injects Here -->
93+
</tbody>
94+
</table>
95+
</div>
96+
97+
</div>
98+
99+
<!-- Footer injected by common.js -->
100+
101+
</body>
102102
</html>

0 commit comments

Comments
 (0)