-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcollective.html
302 lines (294 loc) · 19.2 KB
/
collective.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/images/icon-profile.svg">
<link rel="mask-icon" href="/images/mask-icon.svg" color=”#94a3b8">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!--link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300&display=swap" rel="stylesheet"-->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400&display=swap" rel="stylesheet">
<title>S Ganga Prasath | Robotics, Behavior, Soft-matter</title>
</head>
<body class="bg-white flex flex-col mx-auto max-w-md">
<!-- Outermost container -->
<div class="flex flex-col mx-auto space-y-2 max-w-4xl my-10">
<!-- Top-bar -->
<!-- <ul class="flex flex-row items-baseline justify-between text-xs uppercase font-serif font-regular text-slate-500 dark:text-gray-400"> -->
<ul
class="flex flex-col items-center justify-center text-xl font-sans font-normal text-slate-500 dark:text-gray-400 -mb-3 md:flex-row md:justify-end">
<li class="mr-2">
<a href="/index.html" class="inline-block py-2 px-2 hover:text-indigo-400 duration-500 active">home</a>
</li>
<!-- <li class="mr-0 opacity-0 -mb-10 md:mb-0 md:opacity-100">
<a href="#" class="inline-block py-2 px-2">|</a>
</li> -->
<li class="mr-2">
<a href="/academic.html" class="inline-block py-2 px-2 hover:text-indigo-400 duration-500">résumé</a>
</li>
<!-- <li class="mr-1 opacity-0 -mb-10 md:mb-0 md:opacity-100">
<a href="#" class="inline-block py-2 px-2">|</a>
</li> -->
<li class="mr-2">
<a href="/courses.html" class="inline-block py-2 px-2 hover:text-indigo-400 duration-500">courses</a>
</li>
<!-- <li class="mr-1 opacity-0 -mb-10 md:mb-0 md:opacity-100">
<a href="#" class="inline-block py-2 px-2">|</a>
</li> -->
<li class="mr-2">
<a href="/pubs.html" class="inline-block py-2 px-2 hover:text-indigo-400 duration-500">publications</a>
</li>
<!-- <li class="mr-1 opacity-0 -mb-10 md:mb-0 md:opacity-100">
<a href="#" class="inline-block py-2 px-2">|</a>
</li> -->
<li class="mr-2">
<a href="/projects.html" class="inline-block py-2 px-2 hover:text-indigo-400 duration-500">projects</a>
</li>
<!-- <li class="mr-1 opacity-0 -mb-10 md:mb-0 md:opacity-100">
<a href="#" class="inline-block py-2 px-2">|</a>
</li> -->
<li class="mr-2"></li>
<a href="/contact.html" class="inline-block py-2 px-2 hover:text-indigo-400 duration-500">contact</a>
</li>
</ul>
<!-- Container except top-bar -->
<div class="container flex flex-col space-y-10">
<!-- Top container with Photos, About me and Social media -->
<div
class="relative flex flex-col items-center justify-center pt-0 pb-10 bg-white text-black rounded-3xl shadow-md shadow-slate-400 border-[1px] border-slate-200 overflow-hidden">
<!-- Photo, Social media + About me -->
<div
class="flex flex-col items-center justify-center space-y-4 ml-4 mr-8 my-4 md:flex-row md:items-start md:space-y-0 md:space-x-6">
<!-- Photo, Social media section -->
<section id="photo" class="flex flex-col items-center justify-center space-y-3 ml-6 mr-3">
<!-- Photo container -->
<div class="flex flex-col items-center justify-center">
<img src="images/profile.png" alt=""
class="m-4 w-40 h-40 md:max-w-48 md:max-h-48 transform hover:scale-105 hover:rounded-xl duration-200" />
<h2 href="" class="text-2xl whitespace-nowrap font-serif">S Ganga Prasath</h2>
<p href="" class="text-xs font-serif">Assistant Professor at IIT Madras</p>
</div>
<!-- Social media container -->
<div
class="flex flex-row items-center justify-center bg-slate-300 h-8 w-max border-[1px] border-slate-400 rounded-full">
<!-- Scholar container -->
<div class="group">
<a href="https://scholar.google.com/citations?user=fHr_IJgAAAAJ&hl=en">
<img src="images/icon-google-scholar.svg" alt="Google Scholar" class="h-[20px] ml-2 mr-1" />
</a>
</div>
<!-- Email container -->
<div class="group">
<img src="images/icon-email.svg" alt="Email me" class="h-4 m-1" />
</a>
</div>
<!-- CV container -->
<div class="group">
<a href="https://drive.google.com/file/d/1I3A3RnI9kLVy6Jj0z6qHXzTWzQ5WMqtV/view?usp=sharing">
<img src="images/icon-cv.svg" alt="Curriculum Vitae" class="h-4 m-1" />
</a>
</div>
<!-- Twitter container -->
<div class="group">
<a href="https://twitter.com/kaitovaai">
<img src="images/icon-twitter.svg" alt="" class="h-4 ml-1 mr-2" />
</a>
</div>
</div>
</section>
<section id="about-me">
<!-- About me Container -->
<div class="flex flex-col space-y-4 w-auto ml-10 my-4 md:m-4 md:mt-6 font-serif md:text-left">
<p class="text-sm text-left leading-relaxed">
I am currently a faculty in the <a href="https://apm.iitm.ac.in/"
class="text-indigo-500 hover:text-color-indigo-800">
Department of Applied Mechanics & Biomedical Engineering</a> at the Indian Institute of Technology
Madras. My research interests lie at the interface of <strong>robotics, behaviour and
soft-mechanics</strong>.
You can check out the <a href="https://interface-eight-hazel.vercel.app"
class="text-indigo-500 hover:text-color-indigo-800">INTERFACE lab</a> page for more details.
</p>
<p class=" text-sm text-left leading-relaxed">
I am deeply interested in climate change outreach and lead an initiative <strong>Project
Climate</strong> with a student group <strong>Vivarta</strong> (more updates on this soon).
</p>
<p class=" text-sm text-left leading-relaxed">
Outside work, I have a set of projects that keep me busy. You can access their progress over at the <a
href="./projects.html" class="text-indigo-500 hover:text-color-indigo-800">projects</a> page. Write to
me if you are interested in collaborating or would like to know more about any of these topics.
</p>
</div>
</section>
</div>
<!-- Lab logo
<svg id="Layer_2" data-name="Layer 2"
class="m-2 md:ml-60 md:my-[-35px] md:max-w-md sm:max-w-sm h-autotransform hover:scale-105 duration-200 sm:h-40"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 31.85">
<defs>
<style>
.cls-1 {
fill: #000;
}
</style>
</defs>
<g id="Logo">
<g>
<g>
<a href="https://interface-eight-hazel.vercel.app">
<path class="cls-1" d="m0,1.83h18.46v3.24h-7.49v22.62h7.49v3.24H0v-3.24h7.49V5.07H0V1.83Z" />
<path class="cls-1"
d="m46.62,29.44h.5V1.83h3.49v29.11h-6.99L35.23,3.33h-.5v27.61h-3.49V1.83h6.99l8.4,27.61Z" />
<path class="cls-1" d="m62.38,1.83h20.46v3.24h-8.48v25.87h-3.49V5.07h-8.48V1.83Z" />
<path class="cls-1"
d="m95.48,1.83h17.63v3.24h-14.14v9.65h13.89v3.24h-13.89v9.73h14.39v3.24h-17.88V1.83Z" />
<path class="cls-1"
d="m145.09,30.94h-3.49v-9.73c0-.72-.17-1.27-.5-1.66-.34-.39-.92-.58-1.75-.58h-9.06v11.98h-3.49V1.83h10.39c1.5,0,2.8.22,3.91.65,1.11.43,2.03,1,2.77,1.73.73.72,1.29,1.56,1.66,2.52.37.96.56,1.96.56,3.02v1.25c0,1.08-.3,2.16-.89,3.24-.6,1.08-1.52,1.91-2.77,2.5v.5c.83.14,1.48.47,1.95,1,.47.53.71,1.28.71,2.25v10.48Zm-14.8-15.22h6.48c1.97,0,3.43-.42,4.39-1.27.96-.85,1.44-2.09,1.44-3.72v-.75c0-1.47-.48-2.65-1.44-3.56-.96-.9-2.42-1.35-4.39-1.35h-6.48v10.65Z" />
<path class="cls-1" d="m158.89,1.83h17.88v3.24h-14.39v9.65h14.14v3.24h-14.14v12.98h-3.49V1.83Z" />
<path class="cls-1"
d="m231.21,28.28c1.19,0,2.21-.2,3.06-.6.84-.4,1.54-.94,2.08-1.62.54-.68.94-1.45,1.21-2.33.26-.87.39-1.79.39-2.77v-.5h3.49v.5c0,1.47-.22,2.85-.66,4.14s-1.1,2.41-1.96,3.37c-.86.96-1.93,1.7-3.2,2.25-1.27.54-2.74.81-4.41.81-3.21,0-5.72-1.01-7.52-3.04-1.8-2.02-2.7-4.98-2.7-8.86v-6.49c0-3.77.9-6.7,2.7-8.77,1.8-2.08,4.31-3.12,7.52-3.12,1.66,0,3.14.27,4.41.81,1.27.54,2.34,1.29,3.2,2.25.86.96,1.51,2.08,1.96,3.37.44,1.29.66,2.67.66,4.14v.5h-3.49v-.5c-.03-.94-.17-1.86-.43-2.74-.26-.89-.67-1.67-1.2-2.35-.54-.68-1.23-1.22-2.06-1.62s-1.85-.6-3.04-.6c-2.24,0-3.93.82-5.05,2.45-1.12,1.64-1.68,3.79-1.68,6.45v5.99c0,2.85.56,5.05,1.68,6.59s2.81,2.31,5.05,2.31Z" />
<path class="cls-1"
d="m253.91,1.83h17.63v3.24h-14.14v9.65h13.89v3.24h-13.89v9.73h14.39v3.24h-17.88V1.83Z" />
<path class="cls-1" d="m317,27.95h7.49V4.82h-7.24V1.83h10.48v26.12h7.49v2.99h-18.22v-2.99Z" />
<path class="cls-1"
d="m363.66,27.45h-.5c-.67,1.39-1.59,2.41-2.77,3.08-1.18.66-2.42,1-3.72,1s-2.62-.23-3.79-.69c-1.16-.46-2.18-1.14-3.05-2.04-.87-.9-1.56-2-2.06-3.31-.5-1.3-.75-2.81-.75-4.53v-.66c0-1.69.25-3.19.75-4.49s1.19-2.4,2.06-3.31c.87-.9,1.89-1.59,3.05-2.06,1.17-.47,2.4-.71,3.7-.71,1.41,0,2.69.31,3.85.94,1.15.62,2.06,1.59,2.72,2.89h.5v-3.24h3.24v16.38c0,.83.37,1.25,1.12,1.25h1.04v2.99h-2.2c-.94,0-1.71-.31-2.31-.91-.6-.61-.89-1.39-.89-2.33v-.25Zm-6.66,1c.97,0,1.86-.18,2.68-.54.82-.36,1.51-.87,2.1-1.54.58-.66,1.04-1.46,1.37-2.39.33-.93.5-1.96.5-3.1v-.5c0-1.11-.17-2.13-.5-3.06-.34-.93-.8-1.73-1.39-2.39-.6-.66-1.3-1.19-2.12-1.56s-1.7-.56-2.64-.56-1.86.18-2.66.54c-.8.36-1.51.87-2.1,1.52-.59.65-1.06,1.44-1.39,2.37-.34.93-.5,1.95-.5,3.06v.66c0,2.36.62,4.19,1.85,5.51,1.23,1.32,2.84,1.97,4.8,1.97Z" />
<path class="cls-1"
d="m382.87,30.94h-3.24V1.83h3.24v11.73h.5c.72-1.25,1.72-2.2,2.99-2.85,1.27-.65,2.66-.98,4.16-.98,1.28,0,2.48.23,3.62.71,1.14.47,2.14,1.15,3.02,2.04.87.89,1.57,1.98,2.08,3.28.51,1.3.77,2.79.77,4.45v.83c0,1.69-.25,3.19-.75,4.49-.5,1.3-1.18,2.4-2.06,3.28-.87.89-1.89,1.56-3.06,2.02-1.16.46-2.4.69-3.7.69-.67,0-1.34-.08-2.03-.23-.7-.15-1.36-.39-1.98-.71s-1.2-.71-1.73-1.17c-.52-.46-.97-1-1.33-1.64h-.5v3.16Zm6.9-2.5c1,0,1.91-.17,2.74-.52.83-.35,1.56-.84,2.19-1.48.62-.64,1.11-1.41,1.45-2.33.35-.92.52-1.94.52-3.08v-.83c0-1.11-.17-2.11-.52-3.01-.34-.9-.83-1.68-1.45-2.33-.62-.65-1.36-1.16-2.2-1.52-.85-.36-1.76-.54-2.73-.54s-1.87.19-2.7.56c-.83.37-1.56.89-2.18,1.56s-1.12,1.46-1.48,2.39c-.36.93-.54,1.95-.54,3.06v.5c0,1.14.18,2.17.54,3.1.36.93.85,1.73,1.48,2.39.62.67,1.35,1.18,2.18,1.54.83.36,1.73.54,2.7.54Z" />
</a>
</g>
<a href="https://interface-eight-hazel.vercel.app">
<path class="cls-1"
d="m198.46,12.98c-3.58,0-6.49-2.91-6.49-6.49s2.91-6.49,6.49-6.49,6.49,2.91,6.49,6.49-2.91,6.49-6.49,6.49Zm0-10.49c-2.2,0-4,1.79-4,3.99s1.79,4,4,4,4-1.79,4-4-1.79-3.99-4-3.99Z" />
<path class="cls-1"
d="m209.35,31.85c-3.58,0-6.49-2.91-6.49-6.49s2.91-6.49,6.49-6.49,6.49,2.91,6.49,6.49-2.91,6.49-6.49,6.49Zm0-10.48c-2.2,0-4,1.79-4,3.99s1.79,3.99,4,3.99,4-1.79,4-3.99-1.79-3.99-4-3.99Z" />
<path class="cls-1"
d="m187.56,31.85c-3.58,0-6.49-2.91-6.49-6.49s2.91-6.49,6.49-6.49,6.49,2.91,6.49,6.49-2.91,6.49-6.49,6.49Zm0-10.48c-2.2,0-3.99,1.79-3.99,3.99s1.79,3.99,3.99,3.99,4-1.79,4-3.99-1.79-3.99-4-3.99Z" />
</a>
</g>
</g>
</svg> -->
<!-- </a> -->
<!-- <a href="https://interface-eight-hazel.vercel.app">
<img src="images/logo.svg" alt="" class="m-10 w-full h-autotransform hover:scale-105 duration-200 sm:h-40" />
</a> -->
<!-- News section -->
<div
class="flex flex-col items-center justify-center space-y-4 ml-14 mr-20 my-10 py-2 md:flex-row md:items-baseline md:space-y-0 md:space-x-6">
<div class="relative flex flex-row items-center justify-center space-x-2 md:flex-row md:space-x-2">
<!-- <h2 class="text-xl">News</h2> -->
<div
class="absolute flex flex-row items-center justify-center px-2 py-1 font-serif text-sm text-white bg-indigo-500 rounded-full md:ml-48 md:-mt-20 md:space-x-2 sm:mt-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.25"
stroke="#fffffb" class="w-6 h-6 opacity-60">
<path stroke-linecap="round" stroke-linejoin="round"
d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46" />
</svg>
<p class="pr-2">News</p>
</div>
</div>
<!-- News items container -->
<!-- <div class="bg-slate-300 m-4 p-4 border-[1px] space-y-2 border-slate-400 rounded-xl"> -->
<div class="bg-slate-300 m-4 py-6 px-6 space-y-2 shadow-lg border-[1px] border-slate-400 rounded-2xl">
<!-- News item 8 -->
<div class="flex items-baseline justify-center space-x-3 font-serif text-xs max-w-md">
<div class="mx-1 w-2 h-2 bg-indigo-500 rounded-full"></div>
<p class="m-0 w-full">
<strong>"Making sense of climate models"</strong>, a primer on how and why climate models work appears
on <a href="https://www.theindiaforum.in/climate-change/making-sense-climate-models"
class="text-indigo-500 hover:text-color-indigo-800">The India Forum</a>.
</p>
</div>
<!-- <div class="flex items-baseline justify-center space-x-3 font-serif text-xs">
<div class="mx-1 w-2 h-2 bg-indigo-500 rounded-full"></div>
<p class="m-0 w-full">
You can read our new tutorial titled <strong>"Revisiting linear filtering, the Bayesian paradigm &
optimal state estimation"</strong> <a
href="https://github.com/sgangaprasath/Publications/raw/master/KFTutorial.pdf"
class="text-indigo-500 hover:text-color-indigo-800">here</a>.
</p>
</div> -->
<!-- News item 7 -->
<div class="flex items-baseline justify-center space-x-3 font-serif text-xs">
<div class="mx-1 w-2 h-2 bg-indigo-500 rounded-full"></div>
<p class="m-0 w-full">
<strong>Madurai Typeface</strong>, a Tamil typeface by <a href="https://twitter.com/AgamTypeFoundry"
class="text-indigo-500 hover:text-color-indigo-800">Agam Type Foundry</a> is available for free
download
on <a href="https://github.com/sgangaprasath/madurai"
class="text-indigo-500 hover:text-color-indigo-800">Github</a>.
</p>
</div>
<!-- News item 5 -->
<div class="flex items-baseline justify-center space-x-3 font-serif text-xs">
<div class="mx-1 w-2 h-2 bg-indigo-500 rounded-full"></div>
<p class="m-0 w-full">
<strong>"The physical intelligence of ant and robot collectives"</strong>, a wide-audience summary of
our recent work on collective behaviour appears in
<a href="https://seas.harvard.edu/news/2022/12/physical-intelligence-ant-and-robot-collectives"
class="text-indigo-500 hover:text-color-indigo-800">SEAS
highlights</a>.
</p>
</div>
<!-- News item 3 -->
<div class="flex items-baseline justify-center space-x-3 font-serif text-xs">
<div class="mx-1 w-2 h-2 bg-indigo-500 rounded-full"></div>
<p class="m-0 w-full">
How can robots perform cooperative construction without central control? <br>
Look at our recent: <strong>"Collective phototactic robotectonics"</strong>, available now on <a
href="https://arxiv.org/abs/2208.12373" class="text-indigo-500 hover:text-color-indigo-800">arXiv</a>.
</p>
</div>
</div>
</div>
<!-- Logo list -->
<div class="flex flex-col items-center justify-between space-y-10 md:flex-row md:space-y-0 md:space-x-24">
<a href="https://interface-eight-hazel.vercel.app">
<img src="images/interface.svg" alt="INTERFACE lab"
class="h-[80px] ml-2 mr-1 opacity-20 hover:opacity-60" />
</a>
<a href="">
<img src="images/paruvanilaiS.svg" alt="Project Paruvanilai"
class="h-[80px] ml-2 mr-1 opacity-20 hover:opacity-60" />
</a>
<a href="https://twitter.com/AgamTypeFoundry">
<img src="images/agamGY.svg" alt="Agam Type Foundry"
class="h-[80px] ml-2 mr-1 opacity-20 hover:opacity-60" />
</a>
<!-- <a href="https://www.iitm.ac.in">
<img src="images/iitmlogo.svg" alt="IIT Madras"
class="h-[80px] ml-2 mr-1 opacity-20 hover:opacity-60" />
</a> -->
</div>
</div>
</div>
</div>
</body>
<!-- Footer containr -->
<footer>
<div class="flex flex-col rounded-lg mx-auto space-y-2 max-w-4xl my-10 shadow-md shadow-slate-400">
<div class="mx-auto p-4 md:flex md:flex-row md:items-center md:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2023 <a href="https://flowbite.com/"
class="hover:underline">Flowbite™</a>. All Rights Reserved.
</span>
<ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
<li>
<a href="#" class="hover:underline me-4 md:me-6">About</a>
</li>
<li>
<a href="#" class="hover:underline me-4 md:me-6">Privacy Policy</a>
</li>
<li>
<a href="#" class="hover:underline me-4 md:me-6">Licensing</a>
</li>
<li>
<a href="#" class="hover:underline">Contact</a>
</li>
</ul>
</div>
</div>
</footer>
</html>