BayShopWebsite/about.html at master · exea-labs/BayShopWebsite · GitHub

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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Exea Labs — About</title>
<meta name="description" content="Exea Labs is an international nonprofit supporting high school researchers with mentorship, research resources, community, and GPU compute.">
<meta property="og:title" content="Exea Labs — About">
<meta property="og:description" content="Exea Labs is an international nonprofit supporting high school researchers with mentorship, research resources, community, and GPU compute.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://exea-labs.github.io/BayShopWebsite/assets/img/og.png?v=2027-01-03">
<meta name="twitter:card" content="summary_large_image">
<!-- @head -->
<link rel="stylesheet" href="/src/styles/main.css">
<script type="module" src="/src/js/main.js"></script>
</head>
<body class="page-about">
<!-- @header about -->

<main id="main" tabindex="-1">

  <section class="page-head about-head">
    <div class="wrap grid about-head__grid">
      <div class="plate plate--mark about-head__mark" data-hero="fade">
        <picture>
          <source type="image/avif" srcset="/assets/img/exea-mark-duo-256.avif">
          <source type="image/webp" srcset="/assets/img/exea-mark-duo-256.webp">
          <img class="org-mark" src="/assets/img/exea-mark.png" alt="" width="256" height="256" decoding="async">
        </picture>
      </div>
      <h1 class="display-1 about-head__title" data-hero="lines">Exea Labs</h1>
      <p class="lede about-head__text" data-hero="fade">An international nonprofit supporting high school researchers. Exea Labs gives students access to mentorship, research resources, community, and GPU compute so they can explore real-world problems.</p>
      <p class="head-links" data-hero="fade">
        <a class="ui-link" href="https://www.exealabs.org/" target="_blank" rel="noopener">Website<!-- @icon arrow --></a>
        <a class="ui-link" href="https://discord.gg/ajdGyB8Ud" target="_blank" rel="noopener">Community Discord<!-- @icon arrow --></a>
      </p>
    </div>
  </section>

  <section class="numbers" aria-label="By the numbers">
    <div class="wrap">
      <!-- @grad -->
      <div class="stats">
        <div class="stat" data-reveal="up"><b class="stat__num" data-count="1">1</b><span class="stat__label">Full workshop day</span></div>
        <div class="stat" data-reveal="up"><b class="stat__num" data-count="14">14</b><span class="stat__label">Schedule sessions</span></div>
        <div class="stat" data-reveal="up"><b class="stat__num" data-count="90">90</b><span class="stat__label">Seconds per pitch</span></div>
        <div class="stat" data-reveal="up"><b class="stat__num" data-count="3">3</b><span class="stat__label">Top presenter prizes</span></div>
      </div>
    </div>
  </section>

  <section class="section members" aria-labelledby="get-h">
    <div class="wrap">
      <!-- @grad 01 -->
      <div class="grid members__head">
        <h2 class="h2 members__title" id="get-h" data-reveal="lines">What attendees get</h2>
        <p class="statement members__intro" data-reveal="up">The workshop is free, and every attendee leaves with continuing access to Exea Labs support.</p>
      </div>
      <ul class="benefits">
        <li class="benefit" data-reveal="up"><b class="benefit__label">Mentor Feedback</b><span class="benefit__desc">Guidance while students develop research plans and prepare their pitches.</span></li>
        <li class="benefit" data-reveal="up"><b class="benefit__label">Research Resources</b><span class="benefit__desc">Special resources that help promising ideas move forward.</span></li>
        <li class="benefit" data-reveal="up"><b class="benefit__label">Community</b><span class="benefit__desc">Ongoing access to the Exea Labs research community.</span></li>
        <li class="benefit" data-reveal="up"><b class="benefit__label">GPU Compute</b><span class="benefit__desc">Compute access through Exea Labs for every workshop attendee.</span></li>
      </ul>
    </div>
  </section>

  <section class="section people" aria-labelledby="org-h">
    <div class="wrap">
      <!-- @grad 02 -->
      <div class="grid people__head">
        <h2 class="h2 people__title" id="org-h" data-reveal="lines">Who runs it</h2>
        <p class="statement people__intro" data-reveal="up">The Bay Area workshop is hosted by Exea Labs ambassadors and supported by an international nonprofit research community.</p>
      </div>

      <div class="grid people__list">
        <article class="person">
          <span class="plate plate--portrait avatar avatar--wesley" data-initials="WW" aria-hidden="true" data-reveal="plate"><picture>
              <source type="image/avif" srcset="/assets/img/wesley-duo-288x360.avif">
              <source type="image/webp" srcset="/assets/img/wesley-duo-288x360.webp">
              <img src="/assets/img/wesley.jpg" alt="" width="400" height="400" loading="lazy" decoding="async">
            </picture></span>
          <h3 class="person__name" data-reveal="up">Wesley Wong</h3>
          <p class="person__bio" data-reveal="up">Bay Area Ambassador of Exea Labs. A high school researcher in San Jose working on reinforcement learning and autonomous systems.</p>
          <p class="person__links" data-reveal="up"><a class="ui-link" href="https://www.linkedin.com/in/wesley-wong28/" target="_blank" rel="noopener">LinkedIn<!-- @icon arrow --></a></p>
        </article>

        <article class="person">
          <span class="plate plate--portrait avatar avatar--avyank" data-initials="A" aria-hidden="true" data-reveal="plate"><picture>
              <source type="image/avif" srcset="/assets/img/Avyank-duo-408x510.avif 408w, /assets/img/Avyank-duo-816x1020.avif 816w" sizes="(min-width: 1100px) 14.2vw, (min-width: 768px) 22vw, 44vw">
              <source type="image/webp" srcset="/assets/img/Avyank-duo-408x510.webp 408w, /assets/img/Avyank-duo-816x1020.webp 816w" sizes="(min-width: 1100px) 14.2vw, (min-width: 768px) 22vw, 44vw">
              <img src="/assets/img/Avyank.png" alt="" width="400" height="400" loading="lazy" decoding="async">
            </picture></span>
          <h3 class="person__name" data-reveal="up">Avyank Vanamali</h3>
          <p class="person__bio" data-reveal="up">Bay Area Ambassador of Exea Labs. High school researcher based in Los Gatos exploring computational biology, with additional experience in thermal analysis, PCB design, competitive math, and more.</p>
          <p class="person__links" data-reveal="up"><a class="ui-link" href="https://www.linkedin.com/in/avyank-vanamali-797487435/" target="_blank" rel="noopener">LinkedIn<!-- @icon arrow --></a></p>
        </article>

        <article class="person">
          <span class="plate plate--portrait plate--mark avatar avatar--mark" data-initials="EL" aria-hidden="true" data-reveal="plate"><picture>
              <source type="image/avif" srcset="/assets/img/exea-mark-duo-256.avif">
              <source type="image/webp" srcset="/assets/img/exea-mark-duo-256.webp">
              <img src="/assets/img/exea-mark.png" alt="" width="256" height="256" loading="lazy" decoding="async">
            </picture></span>
          <h3 class="person__name" data-reveal="up">Exea Labs</h3>
          <p class="person__bio" data-reveal="up">An international nonprofit supporting high school researchers with community, special research resources, mentor feedback, and GPU compute.</p>
        </article>
      </div>
    </div>
  </section>

</main>

<!-- @footer -->

</body>
</html>