-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path2023-2024people.html
381 lines (335 loc) · 17.8 KB
/
2023-2024people.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
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>CSSA Berkeley</title>
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// JavaScript/jQuery to handle dropdown positioning
$(document).ready(function() {
$(".dropdown").hover(
function() {
// When hovering over the dropdown button
var dropdown = $(this).find('.dropdown-content');
var viewportWidth = $(window).width();
// Calculate the position of the dropdown
var dropdownLeft = $(this).offset().left;
var dropdownWidth = dropdown.outerWidth();
if (dropdownLeft + dropdownWidth > viewportWidth) {
// If the dropdown goes off the screen on the right
dropdown.css({
right: '0',
left: 'auto'
});
} else {
dropdown.css({
left: '0',
right: 'auto'
});
}
dropdown.stop(true, true).slideDown(200);
},
function() {
// When hovering out
$(this).find('.dropdown-content').stop(true, true).slideUp(200);
}
);
});
</script>
</head>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="images/cssa-img.png">
<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=Lato&family=Rosario:wght@700&display=swap" rel="stylesheet">
<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=Rosario:wght@400;500&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&display=swap" rel="stylesheet">
<body class="diffback" style="background-color: #171756">
<div class="container">
<div class="wrap" id="people-wrap">
<nav style="background-color: #ECF1F5">
<li class="logo-index"> <a class="logo-link" href="index.html">
<img class="logo-img" src="images/graymodelogo.png">
</a> </li>
<ul class="nav-links">
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="involvement.html">Involvement</a>
</li>
<li>
<a href="events.html">Events</a>
</li>
<li>
<a href="conference.html">Conference</a>
</li>
<li>
<a href="resources.html">Resources</a>
</li>
<li class="dropdown">
<a href="#" class="dropbtn">People</a>
<ul class="dropdown-content">
<li><a href="2024-2025people.html">2024-2025</a></li>
<li><a href="2023-2024people.html">2023-2024</a></li>
<li><a href="2022-2023people.html">2022-2023</a></li>
<!-- Add more years as needed -->
</ul>
</li>
</nav>
<div class="page-top" id="pplback">
<h1 id="title" style="color: #8A95FB">2023-2024 OFFICERS</h1>
</div>
<!-- EDIT THIS SECTION!! Just replace all the info with new officers and change styling if preferred! (Like circle profile images). ALSO maybe add tabs for previous?? -->
<div class="people-row1">
<div class="people-row-column3">
<div class="people-square3">
<h3 class="people-title">President</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/download - Hannah Hansraj.png">
</div>
<h3 class="people-name">Hannah Hansraj</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science, Data Science Minor
<br>
<span style="color: #8484FF">Year:</span> Senior
<br>
<span style="color: #8484FF">Bio:</span> Hi! My name is Hannah and I'm a Senior studying CogSci and Data Science. I love CogSci because it gives me the ability to study the human mind from so many different fields (some of my favorites being Psych and SCC) and CSSA has been a great way to connect with others who are also passionate about the major. Outside of academics, I also love reading, bullet journaling, and baking!
<br>
<span style="color: #8484FF">Fun Fact:</span> I'm a cargo pant enthusiast (I think I own 7 pairs)!
<br>
</p>
</div>
<div class="people-square3">
<h3 class="people-title">Internal Vice President</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/Fortunato.jpg">
</div>
<h3 class="people-name">Fortunato Berumen</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science, Data Science Minor
<br>
<span style="color: #8484FF">Year:</span> Junior
<br>
<span style="color: #8484FF">Bio:</span> Hello! I’m currently a 3rd year studying Cognitive Science and Data Science. Everything about Cognitive Science interests me but I do lean more toward computational cognition. When I’m not in class I enjoy cooking and binge watching shows (currently AHS).
<br>
<span style="color: #8484FF">Fun Fact:</span> My arms are “double jointed”
<br>
</p>
</div>
<div class="people-square3">
<h3 class="people-title">External Vice President</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/B512AAEA-47C9-41DC-B77C-436996A90DFF_Original - Peridot Park.jpg">
</div>
<h3 class="people-name">Peridot Park</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Computer Science and MCB (Neurobiology)
<br>
<span style="color: #8484FF">Year:</span> Senior
<br>
<span style="color: #8484FF">Bio:</span> Hi, I'm Peridot! I've been a part of CSSA since my freshman year, and I am excited to continue this year as a junior! My favorite subjects of CogSci are Neuroscience and Computer Science. In my free time, I like to read, try new restaurants, hang out with my cat, and watch movies!
<br>
<span style="color: #8484FF">Fun Fact:</span> My name is the birthstone for August but I was born early in June.
<br>
</p>
</div>
</div>
</div>
<div class="people-row2">
<div class="people-row-column4">
<div class="people-square4">
<h3 class="people-title">Treasurer</h3>
<div class="people-img">
<img class="ppl-img" src="https://user-images.githubusercontent.com/113087888/219169951-dfde8dbb-81f1-44a5-86e6-3eafb778003e.png">
</div>
<h3 class="people-name">Shrobana Sengupta</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Intended Business Administration and Cognitive Science, Data Science Minor
<br>
<span style="color: #8484FF">Year:</span> Sophomore
<br>
<span style="color: #8484FF">Bio:</span> Hi!! My name is Shrobana and I’m a sophomore planning to double major in Cognitive Science and Business and minor in Data Science! I love Cognitive Science because of how interdisciplinary it is and that allows me explore different fields and subjects! In my free time, I love to bake, go to concerts, and travel!
<br>
<span style="color: #8484FF">Fun Fact:</span> I have a macaron business!
<br>
</p>
</div>
<div class="people-square4">
<h3 class="people-title">Outreach Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/Rose Lee.JPG">
</div>
<h3 class="people-name">Rose Lee</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Data Science and Cognitive Science
<br>
<span style="color: #8484FF">Year:</span> Junior
<br>
<span style="color: #8484FF">Bio:</span> Hi! My name is Rose and I'm a 3rd year data science and cognitive science major. My favorite part about being a cognitive science major is that I can learn about many different interdisciplinary fields that I'm interested in! Outside of CSSA, I like to visit botanical gardens and try out new coffee shops.
<br>
<span style="color: #8484FF">Fun Fact:</span> I love cats!
<br>
</p>
</div>
<div class="people-square4">
<h3 class="people-title">Co-tech Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/38554F16-7D59-41D8-8A5F-56A8731C98DD - Jack Oberdorfer.jpeg">
</div>
<h3 class="people-name">Jack Oberdorfer</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science, Data Science Minor
<br>
<span style="color: #8484FF">Year:</span> Senior
<br>
<span style="color: #8484FF">Bio:</span> Hey! My name is Jack and I'm a senior majoring in cognitive science and minoring in data science. I've developed an interest in data science and hope to pursue a career in that field related to healthcare or cognitive psychology. Outside of school, I enjoy playing basketball, video games, and the ukulele!
<br>
<span style="color: #8484FF">Fun Fact:</span> I accidentally smacked someone in the face with an easel while on the bus once!
<br>
</p>
</div>
<div class="people-square4">
<h3 class="people-title">Co-tech Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/IMG_1873.jpeg">
</div>
<h3 class="people-name">Evelyn Quintero Ochoa</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science, Computer Science Minor
<br>
<span style="color: #8484FF">Year:</span> Senior
<br>
<span style="color: #8484FF">Bio:</span> Hello, I am a senior studying cognitive sciene and minoring in computer science. I am intersted in cogntive science because of how diverse and expanisve it is and how it incorporates knowledge from so many different fields. Some of my hobbies include video games, baking, and reading.
<br>
<span style="color: #8484FF">Fun Fact:</span> I have played over 500 hours of Stardew Valley!
<br>
</p>
</div>
</div>
</div>
<div class="people-row3">
<div class="people-row-column4">
<div class="people-square4">
<h3 class="people-title">Design Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/Ana Capela.jpg">
</div>
<h3 class="people-name">Ana Capela</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science, Philosophy and Data Science Minors
<br>
<span style="color: #8484FF">Year:</span> Sophmore
<br>
<span style="color: #8484FF">Bio:</span>I'm a sophomore majoring in Cognitive Science, minoring in Philosophy and Data Science. I chose cogsci because of how many perspectives it synthesizes in understanding the mind and its range of real world applications. My favorite discipline in CogSci is philosophy because it lays the groundwork for thought and studying it has helped a lot in clarifying my own thinking. A career goal of mine is to work around AI, with a focus on leveraging its progress toward ethical and humanistic applications. I love to listen to music, make art, journal, design, and rollerskate (sometimes)!
<br>
<span style="color: #8484FF">Fun Fact:</span> My roommate and I have an angora rabbit named Dusty :-)
<br>
</p>
</div>
<div class="people-square4">
<h3 class="people-title">Media Marketing Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/Lasya.png">
</div>
<h3 class="people-name">Lasya Ramakrishnan</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science, Data Science Minor, Certificate in Design Innovation
<br>
<span style="color: #8484FF">Year:</span> Junior
<br>
<span style="color: #8484FF">Bio:</span> Hi! I’m Lasya, a third-year studying Cognitive Science, Data and Computing, and Design Innovation. I’m especially interested in the intersection of Computational Modeling and Cognitive Psychology, and hope to pursue a career in UI/UX design! Outside of class, I love exploring different cafes and coffee shops, carefully curating Spotify playlists, upcycling thrifted clothes, and adding to my never-ending tote bag collection!
<br>
<span style="color: #8484FF">Fun Fact:</span> My favorite animal is a kangaroo!
<br>
</p>
</div>
<div class="people-square4">
<h3 class="people-title">Co-events Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/Kiana.jpg">
</div>
<h3 class="people-name">Kiana Pinkard</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> Cognitive Science
<br>
<span style="color: #8484FF">Year:</span> Sophmore
<br>
<span style="color: #8484FF">Bio:</span> Hello! My name is Kiana Pinkard and I am a sophomore majoring in Cognitive Science. I genuinely love all the cogsci disciplines but am particularly interested in exploring the philosophy and psychology aspects. Right now, I'm part of the Kaufer lab doing research on psychedelic treatment for stress, PTSD, and alcoholism, but could talk forever about consciousness, the self, and indigenous practices. Outside of academics I love hanging with friends, exploring new places and cuisines, and curating eclectic playlists on Spotify.
<br>
<span style="color: #8484FF">Fun Fact:</span> I have over a 1275-day streak in French on Duolingo!
<br>
</p>
</div>
<div class="people-square4">
<h3 class="people-title">Co-events Director</h3>
<div class="people-img">
<img class="ppl-img" src="images/people_imgs/Erin Vinson.jpg">
</div>
<h3 class="people-name">Erin</h3>
<p style="color: #5858B2">
<span style="color: #8484FF">Major(s):</span> MCB Neurobiology and Sociology
<br>
<span style="color: #8484FF">Year:</span> Sophmore
<br>
<span style="color: #8484FF">Bio:</span> Hey! I'm excited to be serving on CSSA's Board Officer team. I love studying the brain because of how much there is to discover about it! In the future, I hope to go to grad school and head into academia after that. Outside of CSSA, I love to read, hike, drink brown sugar boba, and watch Interstellar over and over again.
<br>
<span style="color: #8484FF">Fun Fact:</span> I've played oboe for 8 years :)
<br>
</p>
</div>
</div>
</div>
</div>
<!--
<h1 style="color: #9FA8FF">MORE PEOPLE :)</h1>
<div id="slideshow">
<div class="slide-wrap">
<div class="slide">
<h1 class="slide-page">Officer social</h1>
</div>
<div class="slide">
<h1 class="slide-page">CSSA meeting</h1>
</div>
<div class="slide">
<h1 class="slide-page">CSSA meeting 2</h1>
</div>
<div class="slide">
<h1 class="slide-page">CSSA meeting 3</h1>
</div>
</div>
</div>
-->
<div class="more-people-pics">
<br>
<br>
<br>
<br>
</div>
<script type= "text/javascript" src="app.js"></script>
</div>
<div class="bottom-container">
<div class="footer-links">
<a class="footer-link" href="https://www.linkedin.com/groups/Cognitive-Science-Student-Association-4294489?trk=groups_item_list_abbreviated-h-dsc&goback=%2Egpa_4294489_1_*2_*2_*2_true_cad%2Egna_4294489">LinkedIn</a>
<a class="footer-link" href="https://www.instagram.com/cssa.berkeley/?hl=en">Instagram</a>
<a class="footer-link" href="https://www.facebook.com/groups/Cal.CSSA/">Facebook</a>
<a class="footer-link" href="https://www.youtube.com/channel/UCITu99MQ3eunpuYS2bJw3kw">YouTube</a>
<a class="footer-link" href="https://github.com/cssaberkeley">Github</a>
<a class="footer-link" href="https://www.tiktok.com/@cssa.berkeley">TikTok</a>
</div>
<p class="copyright">© 2023 Berkeley CSSA</p>
<!-- <p class="ocf-tag" >OCF TAG</p> -->
<img src="images/ocf-tag.png" class="ocf-tag">
<br>
<a class="footer-link" href="https://docs.google.com/forms/d/1IXKIYr1eDERmD7oB7X1fJllibeUhVtcR0XWoHrS0-ms/viewform?edit_requested=tru"> Anonymous Feedback Form</a>
<br>
<p class="ocfterms">We are a student group acting independently of the University of California. We take full responsibility for our organization and this web site.
</p>
</div>
</div>
</body>
</html>