-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtech.html
More file actions
335 lines (306 loc) · 15.5 KB
/
Copy pathtech.html
File metadata and controls
335 lines (306 loc) · 15.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>document.documentElement.className += ' anim-ready';</script>
<title>Tech — Neha Malepati</title>
<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=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="styles.css" />
<script src="main.js" defer></script>
</head>
<body class="page-tech">
<nav class="navbar">
<a href="index.html" class="nav-brand">NM</a>
<ul class="nav-links">
<li><a href="index.html">home</a></li>
<li><a href="pilates.html" class="nav-link-pilates">pilates</a></li>
<li><a href="tech.html" class="active nav-link-tech">tech</a></li>
<li><a href="events.html" class="nav-link-events">events</a></li>
<li><a href="dance.html" class="nav-link-dance">dance</a></li>
</ul>
<button class="nav-hamburger" aria-label="Toggle navigation" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
</nav>
<!-- PAGE HERO -->
<section class="page-hero page-hero--tech">
<div class="page-hero-suit">♣</div>
<h1>Tech</h1>
<p class="page-hero-sub">engineer · developer advocate · AI/ML · researcher</p>
</section>
<main class="container page-content">
<section class="tl-section">
<h2 class="tl-heading tl-heading--center reveal">my journey</h2>
<div class="tl-wrapper" id="tl-wrapper">
<svg class="tl-path-svg" id="tl-svg" aria-hidden="true"></svg>
<!-- 1. College — card LEFT -->
<div class="tl-entry tl-entry--left">
<div class="tl-card-col">
<div class="tl-flip-card" style="--tilt: -6deg">
<div class="tl-flip-inner">
<div class="tl-face tl-front">
<div class="tl-corner tl-corner--tl"><span class="corner-suit">♣</span><br /><span
class="corner-num">I</span></div>
<span class="tl-suit-big">♣</span>
<span class="tl-front-title">college</span>
<div class="tl-corner tl-corner--br"><span class="corner-suit">♣</span><br /><span
class="corner-num">I</span></div>
</div>
<div class="tl-face tl-back">
<p class="tl-back-text">Cornell BS + MEng in CS. Building products, leading communities, and
publishing research.</p>
<div class="tl-back-links">
<a href="https://allisonhutchison.github.io/preliminary.pdf" target="_blank" rel="noopener"
class="tl-link">SEFI Paper ↗</a>
<a href="https://www.sefi.be/activities/events/annual-conference/" target="_blank" rel="noopener"
class="tl-link">SEFI Conf ↗</a>
</div>
</div>
</div>
</div>
</div>
<div class="tl-content-col">
<h3 class="tl-content-title">college</h3>
<p class="tl-content-dates">2020 – 2024 · Cornell University</p>
<p>I earned a BS and MEng in Computer Science from Cornell, and spent most of my time in the
<em>non-tech</em> side of tech. As a Product Marketer at Cornell AppDev, a Business Team Member at
Hack4Impact, and Career Development Co-Director, Social Co-Director, and Project Manager IN Women in
Computing at Cornell (WICC), I learned that great products always have great people behind them.
</p>
<p>For my Master's research project, I built an open, community-run library for <strong>Harmony</strong>, a
Python-based concurrent programming language created by Professor RVR. I also co-authored a literature
review on engineering communication education and <a
href="https://www.sefi.be/activities/events/annual-conference/" target="_blank" rel="noopener"
class="tl-inline-link">presented at the SEFI Annual Conference</a>.</p>
<div class="tag-row">
<span class="tag tag-blue">Cornell AppDev</span>
<span class="tag tag-blue">Hack4Impact</span>
<span class="tag tag-blue">WICC</span>
<span class="tag tag-blue">Harmony</span>
<span class="tag tag-blue">SEFI 2021</span>
</div>
</div>
</div>
<!-- 2. Big Tech — card RIGHT -->
<div class="tl-entry tl-entry--right">
<div class="tl-content-col">
<h3 class="tl-content-title">big tech</h3>
<p class="tl-content-dates">2022 – 2026 · Google, YouTube</p>
<p>I joined Google as a product-oriented software engineer on YouTube Live Infra, the backend powering
global YouTube livestreaming, and worked across the full product cycle: ideation, design, development,
testing,
launch, and documentation, from MVP to polished release.</p>
<p>My mentors during this chapter shaped my perspective as engineer, to build people-first
instead of product-first, and I carry those lessons into everything I build.</p>
<div class="tag-row">
<span class="tag tag-blue">Google</span>
<span class="tag tag-blue">YouTube Live</span>
<span class="tag tag-blue">Backend Engineering</span>
<span class="tag tag-blue">Full Product Cycle</span>
</div>
</div>
<div class="tl-card-col">
<div class="tl-flip-card" style="--tilt: 5deg">
<div class="tl-flip-inner">
<div class="tl-face tl-front">
<div class="tl-corner tl-corner--tl"><span class="corner-suit">♣</span><br /><span
class="corner-num">II</span></div>
<span class="tl-suit-big">♣</span>
<span class="tl-front-title">big tech</span>
<div class="tl-corner tl-corner--br"><span class="corner-suit">♣</span><br /><span
class="corner-num">II</span></div>
</div>
<div class="tl-face tl-back">
<p class="tl-back-text">Product-oriented SWE on YouTube Live Infra, the backend powering global
livestreaming at scale.</p>
</div>
</div>
</div>
</div>
</div>
<!-- 3. Freelance — card LEFT -->
<div class="tl-entry tl-entry--left">
<div class="tl-card-col">
<div class="tl-flip-card" style="--tilt: -4deg">
<div class="tl-flip-inner">
<div class="tl-face tl-front">
<div class="tl-corner tl-corner--tl"><span class="corner-suit">♣</span><br /><span
class="corner-num">III</span></div>
<span class="tl-suit-big">♣</span>
<span class="tl-front-title">freelance</span>
<div class="tl-corner tl-corner--br"><span class="corner-suit">♣</span><br /><span
class="corner-num">III</span></div>
</div>
<div class="tl-face tl-back">
<p class="tl-back-text">Giving time back to the whole studio: owners, instructors, and clients alike.
</p>
</div>
</div>
</div>
</div>
<div class="tl-content-col">
<h3 class="tl-content-title">freelance</h3>
<p class="tl-content-dates">2026 – Present · Boston, MA</p>
<p>After Google, I went independent. I work directly with pilates studio owners across Boston to build
products that automate administrative workflows, client outreach, and payment systems.</p>
<p>Using agentic AI tools, I've reduced the operational overhead for instructors, front desk staff, and
studio owners — giving them more time to teach and connect with their clients.</p>
<div class="tag-row">
<span class="tag tag-blue">Freelance</span>
<span class="tag tag-blue">Product Ownership</span>
<span class="tag tag-blue">Agentic AI</span>
<span class="tag tag-blue">Workflow Automation</span>
</div>
</div>
</div>
<!-- 4. Research & Dev Advocacy — card RIGHT -->
<div class="tl-entry tl-entry--right">
<div class="tl-content-col">
<h3 class="tl-content-title">research & developer advocacy</h3>
<p class="tl-content-dates">2026 – present · Red Hat AI Innovation Team</p>
<p>Currently, I work as a jack of all trades on the <a href="https://ai-innovation.team/" target="_blank"
rel="noopener" class="tl-inline-link">Red Hat AI Innovation Team</a>: researcher, developer, product
owner, and developer advocate all at once.</p>
<p>i finally get to do what got me into tech:</p>
<p><strong>building for people:</strong> in a world where product is placed above people, i get to build
open-source tools that give power back to the people using them.</p>
<p><strong>building to learn:</strong> i get to be on the forefront of AI innovation: always learning,
always building.</p>
<p>My mission is to bridge the gap between users and developers, advocate for both, and make AI accessible
to
people of every background and experience level.</p>
<div class="tag-row">
<span class="tag tag-blue">Red Hat</span>
<span class="tag tag-blue">Open Source</span>
<span class="tag tag-blue">Developer Advocacy</span>
<span class="tag tag-blue">AI/ML Research</span>
</div>
</div>
<div class="tl-card-col">
<div class="tl-flip-card" style="--tilt: 7deg">
<div class="tl-flip-inner">
<div class="tl-face tl-front">
<div class="tl-corner tl-corner--tl"><span class="corner-suit">♣</span><br /><span
class="corner-num">IV</span></div>
<span class="tl-suit-big">♣</span>
<span class="tl-front-title">research &<br />dev advocacy</span>
<div class="tl-corner tl-corner--br"><span class="corner-suit">♣</span><br /><span
class="corner-num">IV</span></div>
</div>
<div class="tl-face tl-back">
<p class="tl-back-text">Researcher, developer, product owner, and developer advocate at Red Hat AI
Innovation.</p>
<div class="tl-back-links">
<a href="https://ai-innovation.team/" target="_blank" rel="noopener" class="tl-link">Team Site ↗</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.tl-wrapper -->
</section>
<section class="cta-card-section reveal">
<div class="cta-flip-card">
<div class="cta-flip-inner">
<div class="cta-face cta-face--front">
<div class="tl-corner tl-corner--tl">♣</div>
<span class="cta-suit-big">♣</span>
<span class="cta-front-title">want to build<br />together?</span>
<div class="tl-corner tl-corner--br">♣</div>
</div>
<div class="cta-face cta-face--back">
<p class="cta-back-text">let's do something meaningful.</p>
<a href="resumes/NehaMalepatiResumeTech.pdf" target="_blank" class="tl-link">Tech Resume ↗</a>
</div>
</div>
</div>
</section>
<section class="content-section mentors-section tech-mentors-section">
<h2>thank you to my tech mentors</h2>
<div class="mentors-row reveal-stagger">
<div class="mentor-card">
<img src="images/john.png" alt="john" class="mentor-photo" />
<span class="mentor-name">john</span>
</div>
<div class="mentor-card">
<img src="images/ariana.jpeg" alt="ariana" class="mentor-photo" />
<span class="mentor-name">ariana</span>
</div>
<div class="mentor-card">
<img src="images/tise.jpg" alt="tise" class="mentor-photo" />
<span class="mentor-name">tise</span>
</div>
</div>
</section>
</main>
<footer class="footer">
<p>© 2026 Neha Malepati · jack of all trades</p>
</footer>
<audio id="bgAudio" src="music/websiteaudio.m4a" loop autoplay muted></audio>
<button class="music-toggle" id="musicToggle" aria-label="Toggle background music">
<span class="icon-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/>
<line x1="2" y1="2" x2="22" y2="22"/>
</svg>
</span>
<span class="icon-playing">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/>
</svg>
</span>
</button>
<script>
function drawTimelinePath() {
const wrapper = document.getElementById('tl-wrapper');
const svg = document.getElementById('tl-svg');
if (!wrapper || !svg) return;
const cards = Array.from(document.querySelectorAll('.tl-flip-card'));
if (cards.length < 2) return;
const wRect = wrapper.getBoundingClientRect();
const pts = cards.map(card => {
const r = card.getBoundingClientRect();
return {
x: (r.left + r.right) / 2 - wRect.left,
y: (r.top + r.bottom) / 2 - wRect.top
};
});
const W = wRect.width;
const H = wRect.height;
svg.setAttribute('viewBox', `0 0 ${W} ${H}`);
svg.style.width = W + 'px';
svg.style.height = H + 'px';
// S-curve: control points pushed 70% toward each other's Y while staying
// at their own X — path hugs each card's column then sweeps across
let d = `M ${pts[0].x.toFixed(1)} ${pts[0].y.toFixed(1)}`;
for (let i = 1; i < pts.length; i++) {
const a = pts[i - 1];
const b = pts[i];
const dy = b.y - a.y;
const cp1y = (a.y + dy * 0.7).toFixed(1);
const cp2y = (b.y - dy * 0.7).toFixed(1);
d += ` C ${a.x.toFixed(1)} ${cp1y}, ${b.x.toFixed(1)} ${cp2y}, ${b.x.toFixed(1)} ${b.y.toFixed(1)}`;
}
const dots = pts.map(p =>
`<circle cx="${p.x.toFixed(1)}" cy="${p.y.toFixed(1)}" r="6"
fill="var(--tech-bg)" stroke="var(--tech-dark)" stroke-width="2.5"/>`
).join('');
svg.innerHTML = `
<path d="${d}" fill="none" stroke="var(--tech-hue)" stroke-width="2.5"
stroke-dasharray="7 5" stroke-linecap="round"/>
${dots}
`;
}
window.addEventListener('load', drawTimelinePath);
window.addEventListener('resize', () => requestAnimationFrame(drawTimelinePath));
</script>
</body>
</html>