-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprofile.html
More file actions
337 lines (302 loc) · 17.3 KB
/
profile.html
File metadata and controls
337 lines (302 loc) · 17.3 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title id="meta-title">Naresh Sekar | Engineering Manager | Software Engineering Manager | AI Adoption Strategy</title>
<meta id="meta-description" name="description" content="Naresh Sekar is an Engineering Manager and Software Engineering Manager specializing in AI adoption strategy, AI governance, AI implementation, and quality engineering leadership." />
<meta id="meta-keywords" name="keywords" content="Engineering Manager, Software Engineering Manager, AI adoption strategy, AI governance, AI literacy, AI implementation and application, Generative AI strategy, Process optimization, Stakeholder management, Risk assessment, Quality engineering, Team leadership" />
<meta id="meta-author" name="author" content="Naresh Sekar" />
<meta id="meta-robots" name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
<meta id="meta-theme-color" name="theme-color" content="#080818" />
<link id="meta-canonical" rel="canonical" href="https://nareshnavinash.github.io/profile.html" />
<meta id="meta-itemprop-name" itemprop="name" content="Naresh Sekar | Engineering Manager Portfolio" />
<meta id="meta-itemprop-description" itemprop="description" content="Naresh Sekar is an Engineering Manager and Software Engineering Manager specializing in AI adoption strategy, AI governance, AI implementation, and quality engineering leadership." />
<meta id="meta-itemprop-image" itemprop="image" content="https://nareshnavinash.github.io/social/share-image.png" />
<meta id="meta-twitter-card" name="twitter:card" content="summary_large_image" />
<meta id="meta-twitter-title" name="twitter:title" content="Naresh Sekar | Engineering Manager | Software Engineering Manager | AI Adoption Strategy" />
<meta id="meta-twitter-description" name="twitter:description" content="Naresh Sekar is an Engineering Manager and Software Engineering Manager specializing in AI adoption strategy, AI governance, AI implementation, and quality engineering leadership." />
<meta id="meta-twitter-image" name="twitter:image" content="https://nareshnavinash.github.io/social/share-image.png" />
<!-- Open Graph -->
<meta id="meta-og-type" property="og:type" content="profile" />
<meta id="meta-og-site-name" property="og:site_name" content="Naresh Sekar" />
<meta id="meta-og-locale" property="og:locale" content="en_US" />
<meta id="meta-og-title" property="og:title" content="Naresh Sekar | Engineering Manager | Software Engineering Manager | AI Adoption Strategy" />
<meta id="meta-og-description" property="og:description" content="Naresh Sekar is an Engineering Manager and Software Engineering Manager specializing in AI adoption strategy, AI governance, AI implementation, and quality engineering leadership." />
<meta id="meta-og-url" property="og:url" content="https://nareshnavinash.github.io/profile.html" />
<meta id="meta-og-image" property="og:image" content="https://nareshnavinash.github.io/social/share-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Naresh Sekar - Engineering Manager" />
<script id="meta-ldjson" type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "ProfilePage",
"name": "Naresh Sekar | Engineering Manager Portfolio",
"url": "https://nareshnavinash.github.io/profile.html",
"inLanguage": "en-US",
"mainEntity": {
"@id": "https://nareshnavinash.github.io/profile.html#naresh-sekar"
}
},
{
"@type": "Person",
"@id": "https://nareshnavinash.github.io/profile.html#naresh-sekar",
"name": "Naresh Sekar",
"jobTitle": "Software Engineering Manager",
"url": "https://nareshnavinash.github.io/profile.html",
"sameAs": [
"https://www.linkedin.com/in/nareshnavinash/",
"https://github.com/nareshnavinash",
"https://medium.com/@nareshnavinash",
"https://x.com/navinashnaresh",
"https://www.npmjs.com/~nareshnavinash",
"https://pypi.org/user/nareshnavinash/",
"https://rubygems.org/profiles/nareshnavinash"
],
"description": "Engineering Manager focused on AI adoption strategy, AI governance, AI implementation, and quality engineering.",
"knowsAbout": [
"Engineering Management",
"Software Engineering Management",
"AI Adoption Strategy",
"AI Literacy",
"LLM Development and Application",
"AI Governance",
"Process Optimization",
"Stakeholder Management",
"Risk Assessment",
"Quality Engineering"
]
}
]
}
</script>
<!-- Fonts -->
<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=Poppins:wght@400;600;700;800;900&family=Caveat:wght@600;700&family=VT323&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/theme.css" />
<link rel="stylesheet" href="css/styles.css" />
<!-- FOUC prevention: apply saved theme before paint -->
<script>
;(function () {
var t = localStorage.getItem('profile-theme')
if (!t) t = 'day'
document.documentElement.setAttribute('data-theme', t)
})()
</script>
</head>
<body>
<a href="#hero" class="skip-link">Skip to content</a>
<noscript>
<div style="max-width:700px;margin:60px auto;padding:24px;font-family:sans-serif;color:#e0e0e0;background:#080818;">
<h1>Naresh Sekar</h1>
<p>Engineering Manager | Software Engineering Manager | AI Adoption Strategy</p>
<p>Engineering leader focused on AI adoption strategy, AI governance, and quality engineering. Over a decade of experience across startups and scale-ups, specializing in building high-performing teams, designing quality-first engineering cultures, and leveraging AI to accelerate product development.</p>
<h2>Key Skills</h2>
<ul>
<li>AI Adoption Strategy & Governance</li>
<li>Team Building & Engineering Leadership</li>
<li>Quality Engineering & CI/CD</li>
<li>Python, TypeScript, Ruby</li>
<li>AWS (Solutions Architect), Docker, Kubernetes</li>
</ul>
<p>Contact: <a href="mailto:nareshnavinash@gmail.com">nareshnavinash@gmail.com</a></p>
<p><a href="https://www.linkedin.com/in/nareshnavinash/">LinkedIn</a> | <a href="https://github.com/nareshnavinash">GitHub</a> | <a href="https://medium.com/@nareshnavinash">Medium</a></p>
</div>
</noscript>
<div class="scroll-progress" aria-hidden="true"></div>
<!-- ===================== NAVIGATION ===================== -->
<nav id="main-nav" class="nav" role="navigation" aria-label="Main navigation">
<div class="nav-inner">
<a id="nav-logo" href="#hero" class="nav-logo" aria-label="Home">profile</a>
<div class="nav-links">
<a data-nav-key="about" href="#about">about</a>
<a data-nav-key="experience" href="#career">experience</a>
<a data-nav-key="skills" href="#skills">skills</a>
<a data-nav-key="leadership" href="#leadership">leadership</a>
<a data-nav-key="publications" href="#publications">publications</a>
<a data-nav-key="certifications" href="#certifications">certifications</a>
<a data-nav-key="contact" href="#contact">contact</a>
<a id="nav-world-link" data-nav-world href="/" class="nav-3d-link" aria-label="Explore the 3D world"
>3D World</a
>
<button class="theme-toggle" aria-label="Toggle dark mode">
<span class="theme-toggle-icon sun-icon">☀</span>
<span class="theme-toggle-icon moon-icon">☾</span>
</button>
</div>
<div class="nav-mobile-actions">
<button class="theme-toggle theme-toggle-mobile" aria-label="Toggle dark mode">
<span class="theme-toggle-icon sun-icon">☀</span>
<span class="theme-toggle-icon moon-icon">☾</span>
</button>
<button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</div>
</nav>
<!-- Mobile menu overlay -->
<div id="mobile-menu" class="mobile-menu" role="dialog" aria-label="Mobile navigation">
<a data-nav-key="about" href="#about">about</a>
<a data-nav-key="experience" href="#career">experience</a>
<a data-nav-key="skills" href="#skills">skills</a>
<a data-nav-key="leadership" href="#leadership">leadership</a>
<a data-nav-key="publications" href="#publications">publications</a>
<a data-nav-key="certifications" href="#certifications">certifications</a>
<a data-nav-key="contact" href="#contact">contact</a>
<a id="mobile-world-link" data-nav-world href="/" class="nav-3d-link" aria-label="Explore the 3D world"
>3D World</a
>
</div>
<!-- ===================== HERO - Split Layout ===================== -->
<section id="hero" class="hero">
<div class="hero-split">
<div class="hero-left">
<!-- Decorative organic blobs -->
<svg
class="hero-shapes"
viewBox="0 0 600 600"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M420,180 C480,220 520,320 460,400 C400,480 280,500 200,440 C120,380 100,260 160,180 C220,100 360,140 420,180Z"
fill="var(--color-mint)"
opacity="0.6"
/>
<path
d="M350,100 C430,130 480,230 440,320 C400,410 300,440 220,390 C140,340 120,230 180,150 C240,70 270,70 350,100Z"
fill="var(--color-lavender)"
opacity="0.5"
/>
<path
d="M300,220 C370,190 450,240 460,330 C470,420 400,490 310,480 C220,470 160,400 170,310 C180,220 230,250 300,220Z"
fill="var(--color-peach)"
opacity="0.45"
/>
<path
d="M250,300 C300,250 400,270 420,350 C440,430 380,510 290,500 C200,490 150,420 170,350 C190,280 200,350 250,300Z"
fill="var(--color-gold)"
opacity="0.4"
/>
</svg>
<!-- Profile photo -->
<img src="assets/profile.jpg" alt="Profile photo" class="hero-photo" />
</div>
<div class="hero-right">
<p class="hero-greeting"></p>
<h1 class="hero-heading"></h1>
</div>
</div>
</section>
<!-- ===================== ABOUT ===================== -->
<section id="about" class="about">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<p class="about-mission reveal"></p>
<div id="about-cards" class="about-cards reveal-group"></div>
</div>
</section>
<!-- ===================== CAREER ===================== -->
<section id="career" class="career">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<div id="career-grid" class="career-grid"></div>
</div>
</section>
<!-- ===================== SKILLS ===================== -->
<section id="skills" class="skills">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<div id="skills-grid" class="skills-grid reveal-group"></div>
</div>
</section>
<!-- ===================== LEADERSHIP ===================== -->
<section id="leadership" class="leadership">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<div id="leadership-grid" class="leadership-grid reveal-group"></div>
</div>
</section>
<!-- ===================== PUBLICATIONS ===================== -->
<section id="publications" class="publications">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<div id="pub-content" class="pub-content reveal"></div>
</div>
</section>
<!-- ===================== CERTIFICATIONS ===================== -->
<section id="certifications" class="certifications">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<div id="certs-grid" class="certs-grid reveal-group"></div>
</div>
</section>
<!-- ===================== EDUCATION ===================== -->
<section id="education" class="education">
<div class="container">
<h2 id="education-title" class="section-title reveal"></h2>
<div id="edu-card" class="edu-card reveal"></div>
</div>
</section>
<!-- ===================== CONTACT ===================== -->
<section id="contact" class="contact">
<div class="container">
<h2 class="section-title reveal"></h2>
<p class="section-subtitle reveal"></p>
<div class="contact-main-card reveal">
<svg
class="contact-blob"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path d="M40 80c20-60 120-60 140 0s20 100-40 120-120-10-120-60 0-0 20-60z" fill="#9ad0c2" />
</svg>
<h3 id="contact-intro"></h3>
<a id="contact-email" href="mailto:" class="contact-email"></a>
<div id="contact-social" class="contact-social-icons"></div>
</div>
</div>
</section>
<!-- ===================== FOOTER ===================== -->
<footer class="footer">
<div class="container">
<div id="contact-extras" class="contact-extra-links"></div>
<div id="footer-greeting" class="footer-greeting"></div>
<div class="footer-inner">
<span class="footer-copy"></span>
<span id="footer-tagline" class="footer-tagline"></span>
</div>
</div>
</footer>
<!-- Back to top -->
<button id="back-to-top" class="back-to-top" aria-label="Back to top">
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="18 15 12 9 6 15" />
</svg>
</button>
<script type="module" src="js/resume-loader.js"></script>
<script type="module" src="js/main.js"></script>
</body>
</html>