-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
742 lines (670 loc) · 41.2 KB
/
Copy pathabout.html
File metadata and controls
742 lines (670 loc) · 41.2 KB
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
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Synthica - Our Mission, Team, and Research Education Programs</title>
<meta name="description"
content="Learn about Synthica's mission to make research approachable for high school students worldwide. Meet our team of dedicated educators and researchers committed to democratizing research education.">
<meta name="keywords"
content="about Synthica, Synthica mission, Synthica team, research education mission, research nonprofit, educational organization, research community, research accessibility, research democratization, high school research education, research organization mission, research education values, research team, research educators, research mentors, research community leaders, research education goals, research accessibility mission, free research education, research education nonprofit, research organization team, research education values, research community mission">
<meta name="author" content="Synthica">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="language" content="English">
<link rel="canonical" href="https://www.synthica.org/about.html">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="About Synthica - Our Mission, Team, and Research Education Programs">
<meta property="og:description"
content="Learn about Synthica's mission to make research approachable for high school students worldwide. Meet our team committed to democratizing research education.">
<meta property="og:image" content="https://www.synthica.org/src/logo/Synthica Preview Image.png">
<meta property="og:url" content="https://www.synthica.org/about.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Synthica">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="About Synthica - Mission and Team">
<meta name="twitter:description"
content="Learn about Synthica's mission to make research approachable for high school students worldwide.">
<meta name="twitter:image" content="https://www.synthica.org/src/logo/Synthica Preview Image.png">
<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "AboutPage",
"mainEntity": {
"@type": "EducationalOrganization",
"name": "Synthica",
"description": "Synthica is an educational organization dedicated to making research approachable for all high school students worldwide through free programs and resources.",
"mission": "Making research accessible to everyone",
"url": "https://www.synthica.org"
}
}
</script>
<link rel="icon" type="image/png" href="src/logo/Synthica Favicon.png">
<link rel="sitemap" type="application/xml" href="sitemap.xml">
<link href="https://fonts.cdnfonts.com/css/garet" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Hero Section -->
<section class="page-hero">
<!-- Navigation Bar -->
<nav class="navbar page-navbar">
<a href="index.html" class="logo">
<img src="src/logo/Synthica Logo.png" alt="Synthica Logo" class="logo-icon">
<span class="logo-text">Synthica</span>
</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li class="nav-item-dropdown">
<a href="about.html" class="nav-link-dropdown">About</a>
<ul class="dropdown-menu">
<li><a href="#mission">Our Mission</a></li>
<li><a href="#team">Our Team</a></li>
</ul>
</li>
<li class="nav-item-dropdown">
<a href="journal.html" class="nav-link-dropdown">Journal</a>
<ul class="dropdown-menu">
<li><a href="journal.html#about">About</a></li>
<li><a href="journal.html#aims">Aims & Scope</a></li>
<li><a href="journal.html#for-authors">For Authors</a></li>
<li><a href="journal.html#policies">Policies</a></li>
<li><a href="journal.html#submit">Submit</a></li>
<li><a href="editorial-board.html">Editorial Board</a></li>
</ul>
</li>
<li class="nav-item-dropdown">
<a href="research-group.html" class="nav-link-dropdown">Programs</a>
<ul class="dropdown-menu">
<li><a href="https://globalresearchchallenge.org" target="_blank" rel="noopener noreferrer">Competition</a></li>
<li><a href="sister-program.html">SISTER Program</a></li>
<li><a href="research-group.html">Research Group</a></li>
<li><a href="free-course.html">Free Course</a></li>
</ul>
</li>
<li class="nav-item-dropdown">
<a href="work-with-us.html" class="nav-link-dropdown">Work with us</a>
<ul class="dropdown-menu">
<li><a href="work-with-us.html#partnerships">Partnerships</a></li>
<li><a href="work-with-us.html#sponsors">Sponsorships</a></li>
</ul>
</li>
</ul>
<a href="https://discord.gg/8wPzZkGy5Z" target="_blank" class="join-btn">Join Us Now</a>
</nav>
<div class="page-hero-content">
<h1 class="page-hero-title">About <span class="highlight-text">Synthica</span></h1>
<p class="page-hero-subtitle">Empowering the next generation of researchers through accessible education and
global opportunities.</p>
</div>
</section>
<!-- Mission Section -->
<section class="mission-section" id="mission">
<div class="mission-container">
<div class="mission-content">
<div class="section-badge">Our Mission</div>
<h2 class="section-title">Making Research <span class="yellow-text">Accessible</span> to Everyone</h2>
<p class="section-text">At Synthica, we believe that every high school student deserves the opportunity
to explore the world of academic research, regardless of their background or resources.</p>
<div class="mission-stats">
<div class="stats-container">
<img src="src/add-ons/Synthica Preview Image (5).png" alt="Synthica Impact"
class="stats-person-image">
<div class="stat-bubble stat-bubble-1">
<div class="stat-number">93+</div>
<div class="stat-label">countries</div>
</div>
<div class="stat-bubble stat-bubble-2">
<div class="stat-number">1600+</div>
<div class="stat-label">researchers</div>
</div>
<div class="stat-bubble stat-bubble-3">
<div class="stat-number">100+</div>
<div class="stat-label">projects</div>
</div>
<div class="stat-bubble stat-bubble-4">
<div class="stat-number">25+</div>
<div class="stat-label">partners</div>
</div>
</div>
</div>
</div>
<div class="mission-values">
<h3 class="values-title">Our Core Values</h3>
<div class="values-grid">
<div class="value-card">
<div class="value-number">01</div>
<h4 class="value-title">Accessibility</h4>
<p class="value-description">Free, high-quality research education for all students, regardless
of their financial situation or geographic location.</p>
</div>
<div class="value-card">
<div class="value-number">02</div>
<h4 class="value-title">Excellence</h4>
<p class="value-description">Curriculum reviewed by top university researchers ensuring academic
rigor and real-world relevance.</p>
</div>
<div class="value-card">
<div class="value-number">03</div>
<h4 class="value-title">Community</h4>
<p class="value-description">Building a supportive global network of student researchers,
mentors, and academic professionals.</p>
</div>
<div class="value-card">
<div class="value-number">04</div>
<h4 class="value-title">Innovation</h4>
<p class="value-description">Encouraging creative thinking and novel approaches to solving
real-world problems through research.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team-section" id="team">
<div class="team-container">
<div class="section-badge">Our Team</div>
<h2 class="section-title">Meet the <span class="highlight-blue">People</span> Behind Synthica</h2>
<p class="section-subtitle">Our team consists of passionate students, educators, and researchers from top
universities around the world, all committed to making research accessible.</p>
<!-- Core Team -->
<div class="team-subsection">
<h3 class="team-subsection-title">Core Team</h3>
<!-- Featured Core Team Members -->
<div class="core-team-featured" style="display:grid;grid-template-columns:1fr;gap:2rem;max-width:1040px;margin:0 auto 2rem;">
<div class="team-member-card featured-member-card">
<div class="featured-member-content">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/16.png" alt="Quang Bui" class="member-image">
</div>
<div class="featured-member-info">
<h3 class="member-name">Quang Bui</h3>
<p class="member-role">Founder & Executive Director</p>
</div>
</div>
<div class="member-socials featured-socials">
<a href="https://www.linkedin.com/in/buiducquang/" class="social-link" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
</div>
</div>
</div>
<!-- Expandable Core Team Members -->
<div class="core-team-expandable">
<button class="core-team-toggle" id="coreTeamToggle">
<span class="toggle-text">View More Core Team Members</span>
<span class="toggle-icon">▼</span>
</button>
<div class="core-team-members" id="coreTeamMembers">
<div class="team-grid core-team-grid">
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/28.png" alt="Tiffany Angelie"
class="member-image">
</div>
<h3 class="member-name">Tiffany Angelie</h3>
<p class="member-role">Chief Marketing Officer</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Giridhar Krishnan"
class="member-image">
</div>
<h3 class="member-name">Giridhar Krishnan</h3>
<p class="member-role">Vice Chief Marketing Officer</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Adda Fangajei"
class="member-image">
</div>
<h3 class="member-name">Adda Fangajei</h3>
<p class="member-role">Chief Financial Officer</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/20.png" alt="Moksh Patel" class="member-image">
</div>
<h3 class="member-name">Moksh Patel</h3>
<p class="member-role">Vice Chief Financial Officer</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/29.png" alt="Darsh Savajiyani"
class="member-image">
</div>
<h3 class="member-name">Darsh Savajiyani</h3>
<p class="member-role">Human Resources Coordinator</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Fatma Ezzahra Jlali"
class="member-image">
</div>
<h3 class="member-name">Fatma Ezzahra Jlali</h3>
<p class="member-role">Programs Coordinator</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/23.png" alt="Anushka Bhagat"
class="member-image">
</div>
<h3 class="member-name">Anushka Bhagat</h3>
<p class="member-role">Vice Expertise Director</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/22.png" alt="Anirudh Balivada"
class="member-image">
</div>
<h3 class="member-name">Anirudh Balivada</h3>
<p class="member-role">Logistics Director</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/19.png" alt="Omar Essetti"
class="member-image">
</div>
<h3 class="member-name">Omar Essetti</h3>
<p class="member-role">Public Relations Director</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Sofia Dantas"
class="member-image">
</div>
<h3 class="member-name">Sofia Dantas</h3>
<p class="member-role">Vice Public Relations Director</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/27.png" alt="Harish Ramasubramanian"
class="member-image">
</div>
<h3 class="member-name">Harish Ram.</h3>
<p class="member-role">Technical Director</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Priyadharsni Murali"
class="member-image">
</div>
<h3 class="member-name">Priyadharsni Murali</h3>
<p class="member-role">Vice Technical Director</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/30.png" alt="Hansika Mulani"
class="member-image">
</div>
<h3 class="member-name">Hansika Mulani</h3>
<p class="member-role">Asia Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/24.png" alt="Mohammad Osama"
class="member-image">
</div>
<h3 class="member-name">Mohammad Osama</h3>
<p class="member-role">Asia Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/25.png" alt="Pratham Vohra"
class="member-image">
</div>
<h3 class="member-name">Pratham Vohra</h3>
<p class="member-role">Asia Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Muzi Kang"
class="member-image">
</div>
<h3 class="member-name">Muzi Kang</h3>
<p class="member-role">Europe Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image/18.png" alt="Iskra Nishio"
class="member-image">
</div>
<h3 class="member-name">Iskra Nishio</h3>
<p class="member-role">Europe Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Ha Mai Pham"
class="member-image">
</div>
<h3 class="member-name">Ha Mai Pham</h3>
<p class="member-role">North America Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Pranav Sainath"
class="member-image">
</div>
<h3 class="member-name">Pranav Sainath</h3>
<p class="member-role">North America Ambassador</p>
<p class="member-bio"></p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/logo/Synthica Preview Image (5).jpg" alt="Reddy Yeruva"
class="member-image">
</div>
<h3 class="member-name">Reddy Yeruva</h3>
<p class="member-role">North America Ambassador</p>
<p class="member-bio"></p>
</div>
</div>
</div>
</div>
</div>
<!-- Expertise Team -->
<div class="team-subsection">
<h3 class="team-subsection-title">Expertise Team</h3>
<div class="team-grid">
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="public/assets/editorial/aaryan.jpg" alt="Aaryan Senthilvanan" class="member-image">
</div>
<h3 class="member-name">Aaryan Senthilvanan</h3>
<p class="member-role">Expertise Mentor</p>
<p class="member-bio">New York Times Editor | Research at Stanford University and California
Institute of Technology | Founder @ SYALIS / BrainReach</p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image (2)/32.png" alt="Bach Nguyen" class="member-image">
</div>
<h3 class="member-name">Bach Nguyen</h3>
<p class="member-role">Expertise Mentor</p>
<p class="member-bio">Researcher at Stanford University School of Medicine | Junior Fellow of
Harvard Undergraduate Microbiology Society | Research Mentor at CSR-x</p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image (2)/33.png" alt="Arjun Dixit" class="member-image">
</div>
<h3 class="member-name">Arjun Dixit</h3>
<p class="member-role">Expertise Mentor</p>
<p class="member-bio">Researcher at Georgia Institute of Technology, Emory University, Harvard
University, and Stanford University School of Medicine | CEO and Founder of Nexflow</p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image (2)/35.png" alt="Linh (Livia) Tran"
class="member-image">
</div>
<h3 class="member-name">Linh (Livia) Tran</h3>
<p class="member-role">Expertise Mentor</p>
<p class="member-bio">Research Assistant at the Well-being, Health, and Interpersonal
Relationships Lab | Lab Manager & previously Undergraduate Research Assistant at ODESI
Research Lab</p>
</div>
<div class="team-member-card">
<div class="member-image-placeholder">
<img src="src/Synthica Preview Image (2)/36.png" alt="Lyudong Yan" class="member-image">
</div>
<h3 class="member-name">Lyudong Yan</h3>
<p class="member-role">Expertise Mentor</p>
<p class="member-bio">Research at Stanford University and California Institute of Technology |
Intern @ University of Michigan | Paid Doctoral Intern</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer-cta-combined">
<div class="footer-container">
<!-- CTA Content -->
<div class="footer-cta-content">
<h2 class="footer-cta-title">Are you ready to empower your <span class="yellow-text">STEM-career</span>
with Synthica?</h2>
<p class="footer-cta-subtitle">Join our community of high school researchers and start your research
journey today.</p>
<a href="https://discord.gg/8wPzZkGy5Z" target="_blank" class="footer-cta-button">Join Us Now</a>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom-section">
<div class="footer-bottom-left">
<div class="footer-logo">
<img src="src/logo/Synthica Logo.png" alt="Synthica" class="footer-logo-img">
<span class="footer-logo-text">Synthica</span>
</div>
<p class="footer-copyright">© 2025 Synthica. All rights reserved.</p>
</div>
<div class="footer-bottom-right">
<div class="footer-social">
<a href="https://www.linkedin.com/company/synthica-org/" class="social-icon"
aria-label="LinkedIn" target="_blank" rel="noopener noreferrer">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
</svg>
</a>
<a href="https://www.instagram.com/synthica_org/" class="social-icon" aria-label="Instagram"
target="_blank" rel="noopener noreferrer">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
</svg>
</a>
</div>
</div>
</div>
</div>
</footer>
<script>
// Dropdown Menu Functionality - Show on hover, allow navigation on click
const dropdownItems = document.querySelectorAll('.nav-item-dropdown');
// Handle hover with delay to prevent dropdown from closing when moving mouse
let hoverTimeout;
dropdownItems.forEach(item => {
const dropdown = item.querySelector('.dropdown-menu');
item.addEventListener('mouseenter', () => {
clearTimeout(hoverTimeout);
item.classList.add('active');
});
item.addEventListener('mouseleave', () => {
hoverTimeout = setTimeout(() => {
item.classList.remove('active');
}, 150); // Small delay to allow mouse movement
});
if (dropdown) {
dropdown.addEventListener('mouseenter', () => {
clearTimeout(hoverTimeout);
item.classList.add('active');
});
dropdown.addEventListener('mouseleave', () => {
hoverTimeout = setTimeout(() => {
item.classList.remove('active');
}, 150);
});
}
});
// Close dropdowns when clicking outside (for mobile/accessibility)
document.addEventListener('click', (e) => {
if (!e.target.closest('.nav-item-dropdown')) {
dropdownItems.forEach(item => {
item.classList.remove('active');
});
}
});
// Statistics Counter Animation
function animateStatCounter(element) {
const originalText = element.textContent.trim();
// Extract number and suffix (e.g., "50+" -> number: 50, suffix: "+")
const match = originalText.match(/^(\d+)(.*)$/);
if (!match) return;
const targetNumber = parseInt(match[1]);
const suffix = match[2]; // "+", " Participants", etc.
// Calculate starting number (target minus 25)
const startNumber = Math.max(0, targetNumber - 25);
const duration = 2000; // 2 seconds
const startTime = Date.now();
function updateCounter() {
const elapsed = Date.now() - startTime;
const progress = Math.min(elapsed / duration, 1);
// Linear easing - constant speed throughout
const currentNumber = Math.floor(startNumber + (targetNumber - startNumber) * progress);
element.textContent = currentNumber + suffix;
if (progress < 1) {
requestAnimationFrame(updateCounter);
} else {
element.textContent = targetNumber + suffix;
}
}
updateCounter();
}
// Intersection Observer for statistics
const statObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting && !entry.target.classList.contains('counted')) {
entry.target.classList.add('counted');
animateStatCounter(entry.target);
}
});
}, {
threshold: 0.5
});
// Observe all stat numbers
document.querySelectorAll('.stat-number, .stat-number-main, .regional-stat').forEach(stat => {
statObserver.observe(stat);
});
// Stat bubbles pop out animation (like floating logos)
const missionStatsSection = document.querySelector('.mission-stats');
const statBubbles = document.querySelectorAll('.stat-bubble');
let statsAnimated = false;
const statsObserverOptions = {
threshold: 0.3,
rootMargin: '0px'
};
const statsObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting && !statsAnimated) {
// Add animate class to each stat bubble with a staggered delay
statBubbles.forEach((bubble, index) => {
setTimeout(() => {
bubble.classList.add('animate');
}, index * 150);
});
statsAnimated = true;
statsObserver.unobserve(missionStatsSection);
}
});
}, statsObserverOptions);
if (missionStatsSection) {
statsObserver.observe(missionStatsSection);
}
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Scroll animations for team cards
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry, index) => {
if (entry.isIntersecting) {
setTimeout(() => {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}, index * 100);
}
});
}, observerOptions);
document.querySelectorAll('.team-member-card, .value-card, .stat-card').forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(30px)';
card.style.transition = 'all 0.6s ease';
observer.observe(card);
});
// Core Team Toggle Functionality
const coreTeamToggle = document.getElementById('coreTeamToggle');
const coreTeamMembers = document.getElementById('coreTeamMembers');
if (coreTeamToggle && coreTeamMembers) {
coreTeamToggle.addEventListener('click', () => {
const isActive = coreTeamToggle.classList.contains('active');
if (isActive) {
coreTeamToggle.classList.remove('active');
coreTeamMembers.classList.remove('active');
coreTeamToggle.querySelector('.toggle-text').textContent = 'View More Core Team Members';
} else {
coreTeamToggle.classList.add('active');
coreTeamMembers.classList.add('active');
coreTeamToggle.querySelector('.toggle-text').textContent = 'Hide Core Team Members';
}
});
}
</script>
<!-- SEO Hidden Content - Not visible but readable by search engines -->
<div class="seo-hidden-content"
style="position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;">
<h1>About Synthica - Research Education Organization</h1>
<p>Synthica is a research-focused educational organization dedicated to making research approachable and
accessible for all high school students worldwide. Our mission centers on research accessibility, research
democratization, and providing free research education opportunities. We believe every high school student
deserves access to quality research education, research mentorship, and research opportunities regardless of
their background or financial resources.</p>
<h2>Synthica Mission and Values</h2>
<p>Our core mission is making research accessible to everyone. We value research accessibility, research
education equity, research community building, research collaboration, and research innovation. As a
research nonprofit organization, we work tirelessly to remove barriers to research education and create
equal research opportunities for high school students globally. Our research education values emphasize
inclusivity, excellence, collaboration, and accessibility in all our research programs and research
initiatives.</p>
<h2>Synthica Team and Leadership</h2>
<p>The Synthica team consists of dedicated research educators, research mentors, research community leaders, and
research program coordinators committed to advancing research education. Our team members bring expertise
from top universities and research institutions, including MIT, Stanford, CalTech, and other prestigious
research organizations. Together, we work to develop research curriculum, organize research competitions,
facilitate research mentorship, and build a global research community network.</p>
<h2>Research Education Impact</h2>
<p>Through our research education programs, Synthica has reached over 1000 high school students across 93+
countries, supporting 100+ research projects, and partnering with 25+ educational institutions. Our research
community continues to grow as we expand research accessibility and research education opportunities
worldwide. We measure our success through research project completions, research competition participation,
research mentorship connections, and research community engagement.</p>
<h2>Research Organization Goals</h2>
<p>Synthica's primary goals include expanding research education access, building research community networks,
developing comprehensive research curriculum, facilitating research mentorship programs, organizing research
competitions, creating research collaboration opportunities, and supporting research career pathways for
high school students. We aim to become the leading platform for free research education and research
opportunities for students globally.</p>
</div>
</body>
</html>