Skip to content

Commit ddddd62

Browse files
Razaib-TariqRazaib-Tariq
committed
changes to professor page, members, and added news.
1 parent 106dc55 commit ddddd62

12 files changed

Lines changed: 4114 additions & 1034 deletions

File tree

‎Members.html‎

Lines changed: 54 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,18 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<title>DASH LAB - Members</title>
7-
8+
89
<!-- External Libraries -->
910
<script src="https://cdn.tailwindcss.com"></script>
1011
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
11-
12+
1213
<!-- Critical Helper: Defined in Head so inline 'onerror' can find it immediately -->
1314
<script>
14-
window.getImg = function(path) {
15+
window.getImg = function (path) {
1516
if (!path) return '';
1617
// Cleans leading slashes to ensure paths work relative to the root in VS Code
1718
return path.startsWith('/') ? path.substring(1) : path;
@@ -21,29 +22,43 @@
2122
<!-- Custom Shared Resources -->
2223
<link rel="stylesheet" href="css/style.css">
2324
<script src="js/common.js"></script>
24-
25+
2526
<!-- Members Scripts -->
2627
<script src="js/membersdata.js"></script>
2728
<script src="js/members.js" defer></script>
2829
</head>
30+
2931
<body class="bg-gray-50 flex flex-col min-h-screen">
30-
32+
3133
<!-- Navbar injected by common.js -->
3234

3335
<div class="container mx-auto px-4 pt-8 max-w-6xl flex-grow">
3436

37+
<!-- Industry Positions (New Section) -->
38+
<div class="member-section-card">
39+
<h5 class="member-header text-blue-800">Industry Positions</h5>
40+
<div id="industry-alumni-container"
41+
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
42+
<!-- JS Injects Here -->
43+
</div>
44+
</div>
45+
3546
<!-- Research Professor -->
3647
<div class="member-section-card">
37-
<h5 class="member-header">Research Professors/Post-Doc Researcher</h5>
38-
<div id="research-professors-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
48+
<div class="flex items-center justify-between mb-6">
49+
<h5 class="member-header !mb-0">Research Professors/Post-Doc Researcher</h5>
50+
</div>
51+
<div id="research-professors-container"
52+
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
3953
<!-- JS Injects Here -->
4054
</div>
4155
</div>
4256

4357
<!-- Ph.D. Students -->
4458
<div class="member-section-card">
4559
<h5 class="member-header">Ph.D. Students</h5>
46-
<div id="phd-students-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
60+
<div id="phd-students-container"
61+
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
4762
<!-- JS Injects Here -->
4863
</div>
4964
</div>
@@ -60,49 +75,40 @@ <h5 class="member-header">Masters Students</h5>
6075
<div class="member-section-card">
6176
<h5 class="member-header">Undergraduate Students</h5>
6277
<div id="ug-students-container" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
63-
<!-- JS Injects Members Here -->
64-
65-
<!-- Recruitment Trigger Card -->
66-
<div id="join-lab-trigger" class="member-card cursor-pointer border-2 border-dashed border-blue-200 bg-blue-50/30 hover:bg-blue-50 hover:border-blue-400 transition-all flex flex-col items-center justify-center p-8 group">
67-
<div class="w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mb-4 group-hover:scale-110 transition-transform">
68-
<i class="fas fa-user-plus text-2xl text-blue-600"></i>
69-
</div>
70-
<strong class="text-blue-700 text-lg">Join the Lab</strong>
71-
<p class="text-[10px] text-gray-400 font-bold uppercase tracking-widest mt-1">Open Positions</p>
72-
</div>
78+
<!-- JS Injects Members & Recruitment Card Here -->
7379
</div>
7480
</div>
7581

76-
<!-- Master Thesis Supervision -->
82+
<!-- Alumni -->
7783
<div class="member-section-card alumni-table">
78-
<h5 class="member-header">Master Thesis/Capstone Project Supervision</h5>
84+
<h5 class="member-header">Alumni</h5>
7985
<table class="w-full">
8086
<thead>
8187
<tr>
8288
<th data-label="Name">Name</th>
83-
<th data-label="Major" class="w-1/4">Major</th>
84-
<th data-label="Employment" class="w-1/4">Current Employment</th>
85-
<th data-label="Topic" class="w-2/5">Topic</th>
89+
<th data-label="Major">Major</th>
90+
<th data-label="Employment">Current employment</th>
8691
</tr>
8792
</thead>
88-
<tbody id="master-supervision-table-body">
93+
<tbody id="alumni-table-body">
8994
<!-- JS Injects Here -->
9095
</tbody>
9196
</table>
9297
</div>
9398

94-
<!-- Alumni -->
99+
<!-- Master Thesis Supervision -->
95100
<div class="member-section-card alumni-table">
96-
<h5 class="member-header">Alumni</h5>
101+
<h5 class="member-header">Master Thesis/Capstone Project Supervision</h5>
97102
<table class="w-full">
98103
<thead>
99104
<tr>
100105
<th data-label="Name">Name</th>
101-
<th data-label="Major">Major</th>
102-
<th data-label="Employment">Current employment</th>
106+
<th data-label="Major" class="w-1/4">Major</th>
107+
<th data-label="Employment" class="w-1/4">Current Employment</th>
108+
<th data-label="Topic" class="w-2/5">Topic</th>
103109
</tr>
104110
</thead>
105-
<tbody id="alumni-table-body">
111+
<tbody id="master-supervision-table-body">
106112
<!-- JS Injects Here -->
107113
</tbody>
108114
</table>
@@ -117,30 +123,37 @@ <h5 class="member-header">Alumni</h5>
117123
<button id="close-modal" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors">
118124
<i class="fas fa-times text-xl"></i>
119125
</button>
120-
126+
121127
<div class="text-center">
122-
<div class="w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6 border border-gray-100 shadow-inner">
123-
<img src="img/dash_logo/Dashlab_logo.jpg" alt="DASH Lab" class="w-12 opacity-80" onerror="this.style.display='none'">
128+
<div
129+
class="w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6 border border-gray-100 shadow-inner">
130+
<img src="img/dash_logo/Dashlab_logo.jpg" alt="DASH Lab" class="w-12 opacity-80"
131+
onerror="this.style.display='none'">
124132
<i class="fas fa-graduation-cap text-blue-500 text-3xl" id="fallback-icon"></i>
125133
</div>
126-
134+
127135
<h2 class="text-2xl font-bold text-gray-800 mb-2">Join DASH Lab</h2>
128-
<p class="text-gray-500 text-sm mb-8 leading-relaxed px-4">We are looking for students who can code and have a deep passion for AI research.</p>
129-
136+
<p class="text-gray-500 text-sm mb-8 leading-relaxed px-4">We are looking for students who can code and
137+
have a deep passion for AI research.</p>
138+
130139
<div class="space-y-4 text-left px-2">
131140
<div class="bg-blue-50 p-4 rounded-xl border border-blue-100">
132-
<p class="text-[10px] font-black text-blue-700 uppercase mb-1 tracking-widest">Research Focus</p>
133-
<p class="text-sm text-blue-900 font-medium leading-tight">Computer Vision, Anomaly Detection, NLP, and AI Security.</p>
141+
<p class="text-[10px] font-black text-blue-700 uppercase mb-1 tracking-widest">Research Focus
142+
</p>
143+
<p class="text-sm text-blue-900 font-medium leading-tight">Computer Vision, Anomaly Detection,
144+
NLP, and AI Security.</p>
134145
</div>
135-
146+
136147
<div class="bg-gray-50 p-4 rounded-xl border border-gray-100">
137148
<p class="text-[10px] font-black text-gray-500 uppercase mb-1 tracking-widest">How to Apply</p>
138149
<p class="text-sm font-bold text-gray-800 mb-1">Email your resume to:</p>
139-
<a href="mailto:undergraduate@g.skku.edu" class="text-blue-600 font-mono text-sm hover:underline">undergraduate@g.skku.edu</a>
150+
<a href="mailto:undergraduate@g.skku.edu"
151+
class="text-blue-600 font-mono text-sm hover:underline">undergraduate@g.skku.edu</a>
140152
</div>
141153
</div>
142154

143-
<button id="modal-confirm" class="w-full mt-8 bg-blue-600 text-white font-bold py-3.5 rounded-xl hover:bg-blue-700 transition-all shadow-lg shadow-blue-200 active:scale-95">
155+
<button id="modal-confirm"
156+
class="w-full mt-8 bg-blue-600 text-white font-bold py-3.5 rounded-xl hover:bg-blue-700 transition-all shadow-lg shadow-blue-200 active:scale-95">
144157
Close Window
145158
</button>
146159
</div>
@@ -149,4 +162,5 @@ <h2 class="text-2xl font-bold text-gray-800 mb-2">Join DASH Lab</h2>
149162

150163
<!-- Footer injected by common.js -->
151164
</body>
165+
152166
</html>

0 commit comments

Comments
 (0)