-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
327 lines (319 loc) · 22.4 KB
/
index.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
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
<!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-slate-100 flex flex-col mx-auto bg-[url('/images/bg-full.png')] bg-repeat-x">
<!-- 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-gradient-to-tl from-slate-200 to-slate-50 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 mt-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/sgp.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 member 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 also the faculty advisor of the <a
href="https://amsa-iitm.github.io/home/index.html" class="text-indigo-500 hover:text-color-indigo-800">Applied Mechanics Scholars Association</a> and help the enthusiastic scholars community run the seminar series <strong>42 Explained!</strong> and <strong>ChalkTalk</strong>. I am deeply interested in climate change outreach and the faculty liaison for the initiative <a
href="https://projectclimate.substack.com" class="text-indigo-500 hover:text-color-indigo-800">Project
Climate</a>, run with an amazing and proactive student group <a
href="https://projectclimate.substack.com/p/vivarta" class="text-indigo-500 hover:text-color-indigo-800">Vivarta</a>.
</p>
<p class=" text-sm text-left leading-relaxed">
Outside work, I have a set of trinkets 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 13 -->
<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">
Applications open for <a href="https://icts.res.in/program/Geomech" class="text-indigo-500 hover:text-color-indigo-800">Geometry, Mechanics and the Physics of Growth</a>, winter school at ICTS-TIFR Bengaluru, partially supported by IIT Madras. <strong>School date: 3-14 Nov 2025, Application deadline: 30 Jun 2025</strong>.
</p>
</div>
<!-- News item 12 -->
<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">
<a href="https://www.t5eiitm.org/of-materials-and-mindsets/" class="text-indigo-500 hover:text-color-indigo-800">Of Materials and Mindsets</a>, article about our course <strong>AM5009: Life of ubiquitous materials</strong>, gets featured in <strong>The Fifth Estate</strong>, IIT Madras' student magazine. Click <a href="https://sgangaprasath.github.io/am5009.html" class="text-indigo-500 hover:text-color-indigo-800">here</a> for the showcase of 2024 projects from the course.
</p>
</div>
<!-- News item 11 -->
<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">
Watch the lecture recordings of the <strong>Ethology, from individual to collective</strong> workshop on <a href="https://www.youtube.com/playlist?list=PLN89vh407F3weViUKdWb42jZRdrH6KwAk"
class="text-indigo-500 hover:text-color-indigo-800">YouTube</a>.
</p>
</div>
<!-- News item 10 -->
<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">
Project Climate's monthly newsletters, called <strong>Climate logs</strong>, are now available on substack. You can read them <a href="https://projectclimate.substack.com"
class="text-indigo-500 hover:text-color-indigo-800">here</a>.
</p>
</div>
<!-- News item 9 -->
<!-- <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">
Registration for online workshop on <strong>"Ethology, individual to collective"</strong> is open now.
<a href="https://sgangaprasath.github.io/ethology/index.html"
class="text-indigo-500 hover:text-color-indigo-800">Click here for details</a>.
</p>
</div> -->
<!-- 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="https://projectclimate.substack.com">
<img src="images/paruvanilaiS.svg" alt="Project Climate"
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>
<footer class="py-2">
<div
class="container flex flex-col items-center justify-center mx-auto space-y-16 md:flex-row md:space-y-0 md:items-center">
<div class="font-serif text-xs">© S Ganga Prasath | Last updated 7 Mar, 2025 | Theme developed with <a href="https://tailwindcss.com"
class="text-indigo-500 hover:text-color-indigo-800"><code>tailwindcss</code></a>
</div>
</footer>
</body>
</html>