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