-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
85 lines (65 loc) · 2.98 KB
/
team.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./style/output.css" rel="stylesheet">
<script src="scripts/generatePeople.js" type="text/javascript"></script>
<script src="scripts/d3.v7.min.js" type="text/javascript"></script>
</head>
<body>
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
<div class="relative flex items-end justify-between h-52">
<div class="flex-1 flex items-end justify-center sm:items-stretch sm:justify-start">
<div class="flex-shrink-0 flex items-end ">
<img class="block h-36 w-auto" src="img/logo.png" alt="Workflow">
<!-- <span class="text-xl">DataVis Lab</span> -->
</div>
<div class="flex items-end sm:block sm:ml-6 px-10">
<div class="flex h-36 space-x-4 items-end">
<a href="index.html" class="text-gray-900 hover:bg-gray-900 hover:text-amber-500 px-3 py-2 rounded-md text-lg font-medium no-underline" >Home</a>
<a href="#" class="bg-amber-500 px-3 py-2 rounded-md text-lg font-medium no-underline">Team</a>
<a href="papers.html" class="text-gray-900 hover:bg-gray-900 hover:text-amber-500 px-3 py-2 rounded-md text-lg font-medium no-underline">Publications</a>
<a href="software.html" class="text-gray-900 hover:bg-gray-900 hover:text-amber-500 px-3 py-2 rounded-md text-lg font-medium no-underline">Software</a>
</div>
</div>
</div>
</div>
</div>
<div class="max-w-7xl mx-auto p-10 sm:px-6 lg:px-8">
<h2 class="text-gray-800 text-xl font-bold pt-5 m-3 pl-2">@ Clemson</h2>
<div class="grid grid-cols-3 gap-4" id="people-content">
</div>
</div>
<!-- CO-ADVISE -->
<div class="max-w-7xl mx-auto p-2 sm:px-6 lg:px-8">
<h2 class="text-gray-800 text-xl font-bold pt-5 m-3 pl-2">Students co-advised at other institutions</h2>
<div class="grid grid-cols-6 gap-4">
<div class="relative rounded-sm bg-white ">
<div class="flex items-center relative">
<p class="text-gray-600 text-xs pl-2 m-3">
<img src="img/people/YueHui.jpg" class="w-28 rounded-full absolute z-30 shadow-lg grayscale hover:grayscale-0" alt="">
</p>
</div>
<div class="px-2 py-24 pb-4">
<p class="text-gray-600 text-xs pl-2 m-3">
<span class="font-bold"> <a href="https://geog.umd.edu/gradprofile/qian/yuehui" style="text-decoration: none">YueHui Qian</a> </span><br>
<span>PhD student @ UMD<br></span>
<span>Co-advised with Prof. Leila De Floriani</span>
</p>
</div>
</div>
</div>
</div>
<!-- ALUMNI -->
<div class="max-w-7xl mx-auto p-2 sm:px-6 lg:px-8">
<h2 class="text-gray-800 text-xl font-bold pt-5 m-3 pl-2">Alumni</h2>
<div id="alumni-content" class="grid grid-cols-6 gap-4">
</div>
</div>
<script>
generatePeople()
generateAlumni()
</script>
</body>
</html>