-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
317 lines (295 loc) · 17.9 KB
/
index.html
File metadata and controls
317 lines (295 loc) · 17.9 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
<!doctype html>
<html>
<head>
<title>Anant Jain | Full-Stack Developer</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Full-stack engineer and photographer at USC."/>
<base href="./">
<meta property="og:title" content="Anant Jain | Full-Stack Developer" />
<meta property="og:description" content="Full-stack engineer and hobbyist photographer." />
<meta property="og:image" content="Images/preview.jpg" />
<!-- Gets jQuery from Google APIs -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Stylesheets -->
<link type="text/css" rel="stylesheet" href="Stylesheets/main.css">
<link type="text/css" rel="stylesheet" href="style.css">
<!-- Scripts -->
<script type="text/javascript" src="Scripts/main.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<!-- Overall content container with nav bar, main content, footer -->
<div id='overallContentContainer'>
<!-- Navigation bar -->
<div id='navigationBarContainer'>
<div id='navigationBar'>
<!-- The main top content of the navigation bar -->
<div class='mainContent' id='navigationBarContent'>
<!-- Header with my profile image and name -->
<a href='./' id='headerLink'>
<div id='headerDiv'>
<img src='Images/Navigation Bar Images/Profile Header Image.jpg' id='headerImg'/>
<h1 id='headerLabel'>ANANT JAIN</h1>
</div>
</a>
<!-- Regular navigation items on the right side of the navigation bar -->
<div id='regularNavigation'>
<a href='about/' class='regularNavigationLink'><h6 class='regularNavigationLabel'>About Me</h6></a>
<a href='projects/' class='regularNavigationLink'><h6 class='regularNavigationLabel'>Projects</h6></a>
<a href='photography/' class='regularNavigationLink'><h6 class='regularNavigationLabel'>Photography</h6></a>
<a href='contact/' class='regularNavigationLink'><h6 class='regularNavigationLabel'>Contact</h6></a>
</div>
</div>
<!-- The bottom content of the navigation bar -->
<!-- Contains the compact navigation menu -->
<div class='mainContent' id='navigationDropDownMenu'>
<!-- Navigation items -->
<div id='compactNavigationLabelsContainer'>
<a href='about/' class='compactNavigationLink'><h6 class='compactNavigationLabel'>About Me</h6></a>
<a href='projects/' class='compactNavigationLink'><h6 class='compactNavigationLabel'>Projects</h6></a>
<a href='photography/' class='compactNavigationLink'><h6 class='compactNavigationLabel'>Photography</h6></a>
<a href='contact/' class='compactNavigationLink'><h6 class='compactNavigationLabel'>Contact</h6></a>
</div>
<!-- Show menu button -->
<div id='compactNavigationExpandButtonContainer'>
<form onsubmit='return false'>
<input type='image' id='compactNavigationDisplayButton' src='Images/Navigation Bar Images/chevron-down.svg' onclick='toggleCompactNavigationDisplay()'/>
</form>
</div>
</div>
</div>
</div>
<!-- Main content -->
<div id='mainContentContainer'>
<!-- Hero -->
<div class='card mainContent' id='hero'>
<img class='cardBackgroundImage' src='Images/hero.jpg' />
<div class='cardContent'>
<h2 id='heroTitle'><strong>Hi.</strong> I'm Anant.</h2>
<p id='heroDetail'>I'm a <strong>full-stack engineer</strong>
with experience in <strong>iOS development</strong>, <strong>machine learning</strong> and
<strong>Big Data analytics</strong>.<br />
I'm also a hobbyist photographer.</p>
</div>
</div>
<div class='mainContent frontPageContent'>
<div class="cardContainer fullWidthCardContainer">
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/UIKitEngineer.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/UIKitEngineer.jpg' style="max-height: 600px;" />
<div class='caption bottomCaption'>
<p>I'm a software engineer at <strong>Apple</strong>, working on the UIKit team. I build new system features on Apple platforms, like the redesigned keyboard shortcut menu
on iPadOS 15. I was a speaker at the <a href="https://developer.apple.com/videos/play/wwdc2021/10057/" class="textLink">Take your iPad apps to the next level</a>
session at WWDC 2021. I also architected and implemented <a href="https://webkit.org/blog/11529/introducing-private-click-measurement-pcm/" class="textLink">
app-to-web Private Click Measurement</a> (PCM), allowing advertisers to measure in-app ad clicks without compromising user privacy.</p>
</div>
</div>
</div>
</div>
<div class="cardContainer fullWidthCardContainer">
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/USC.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/USC.jpg' style="max-height: 600px;" />
<div class='caption bottomCaption'>
<p>I'm a proud trojan from <strong>University of Southern California</strong> ✌️.
I graduated as a <strong>Presidential Scholar</strong> in May 2020, double-majoring in <strong>Computer Science</strong>
and <strong>Business Administration</strong>. I was an active member of numerous organizations
on campus, including <strong>USC LavaLab, USC Scope, CAIS++, HackSC</strong>, and more.</p>
</div>
</div>
</div>
</div>
<div class="cardContainer cardRow">
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/WWDC19.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/WWDC19.jpg' />
<div class='caption bottomCaption'>
<h6>SUMMER 2019</h6>
<p>I worked as a software engineering intern on the iOS System Experience team at <strong>Apple</strong>. Along with prototyping exploratory animation work on the iOS text system, I also worked with Apple's human
interface design team to make improvements to iOS/iPadOS 13. I also built the sample app for
<a href="https://developer.apple.com/videos/play/wwdc2019/235/" class="textLink">Taking iPad Apps for Mac to the Next Level</a>.
(I might have assisted you at a UIKit/SwiftUI lab at WWDC, too!)</p>
</div>
</div>
</div>
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/Apple-Park.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/Apple-Park.jpg' />
<div class='caption bottomCaption'>
<h6>SUMMER 2018</h6>
<p>I worked as a software engineering intern on the UIKit team at <strong>Apple</strong>.
I developed an internal tool for the UIKit Frameworks team and demoed it to Apple executives.
(I was one of 10 chosen to demo to Craig Federighi!)</p>
</div>
</div>
</div>
</div>
<div class="cardContainer cardRow">
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/WWDC.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/WWDC.jpg' />
<div class='caption bottomCaption'>
<p>I'm a passionate developer who loves building great products. As a WWDC 2015 Scholarship Winner, I've been formally recognized
by Apple as <strong>one of the top 350 student iOS developers</strong> across over 40 countries.</p>
</div>
</div>
</div>
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/LavaLab.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/LavaLab.jpg' />
<div class='caption bottomCaption'>
<p>I also enjoy working in teams and presenting my work to the world. My team won the <strong>Best Demo</strong> award at
USC LavaLab Demo Night. LavaLab is USC's premier startup incubator that recruits the <strong>top 5%</strong> of students.</p>
</div>
</div>
</div>
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/Hackathon.jpg" />
<div class='aboutMeCardContent bottomCaptionedContent'>
<img class='captionedImage bottomCaptionedImage' src='Images/Hackathon.jpg' />
<div class='caption bottomCaption'>
<p>I like to experiment with new technologies, stacks, and ideas at hackathons. I've won <strong>Best iOS App/3rd Place Overall</strong>
at HS Hacks and <strong>Best iOS App</strong> at HS Hacks II, and placed in the <strong>Top 20 Hacks</strong> at PennApps XII.</p>
</div>
</div>
</div>
</div>
<div class="cardContainer cardRow">
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/HackSC.jpg" />
<div class='aboutMeCardContent sideCaptionedContent'>
<div class='caption sideCaption'>
<p>I was the <strong>President of HackSC</strong> at USC. I led a team to organize USC's premier hackathon, attracting 800+ students across the country.
I also enriched hacker culture on campus with weekly <strong>Hack Nights</strong>, featuring industry leaders and dev workshops.</p>
</div>
<img class='captionedImage sideCaptionedImage' src='Images/HackSC.jpg' style="max-height: 600px;" />
</div>
</div>
<div class='card aboutMeCard'>
<img class="aboutMeBackgroundImage" src="Images/Tinovation.jpg" />
<div class='aboutMeCardContent sideCaptionedContent'>
<img class='captionedImage sideCaptionedImage' src='Images/Tinovation.jpg' style="max-height: 600px;" />
<div class='caption sideCaption'>
<p>I was also the <strong>President of Tinovation Club</strong> at Cupertino High School. I helped create a curriculum to teach <strong>iOS, Android,
and Web development</strong> to 300 students. I also organized <strong>Tino Local Hack Day</strong> and <strong>CU Hacks</strong>
in 2015.</p>
</div>
</div>
</div>
</div>
<div class="cardContainer cardRow">
<div class='card aboutMeCard'>
<div class='aboutMeCardContent textOnlyContent'>
<h2>Some of the things I've learned (so far):</h2>
<h3>Programming Languages</h3>
<p>C++, Swift, Java, Python, JavaScript, R, SQL, Objective-C, MATLAB</p>
<h3>Frameworks</h3>
<p>AWS, MongoDB, Express.js, AngularJS, Node.js, UIKit, CloudKit, Firebase, Parse, MySQL, jQuery</p>
<h3>Design & Creativity</h3>
<p>Adobe Photoshop, Illustrator, Lightroom, Sketch, Figma, Final Cut Pro, Motion</p>
<h3>Proficiencies</h3>
<p>Machine Learning, Big Data Analytics, iOS, watchOS, tvOS</p>
</div>
</div>
<div class='card aboutMeCard'>
<div class='aboutMeCardContent textOnlyContent'>
<h2>Other cool stuff about me:</h2>
<ul>
<li>I'm a huge photography enthusiast. I shoot with a Canon 5D Mk III, a Canon 6D, and my iPhone. <a href="photography/" class="textLink">Check out my some of my shots here.</a></li>
<li>In my spare time I enjoy calligraphy, cooking, reading, and hiking.</li>
<li>I'm a second-degree black belt in Taekwondo.</li>
<li>While growing up, I've moved eleven times across seven states—Michigan, Florida, Pennsylvania, New Jersey, Missouri, Oregon, and California.</li>
<li>I'm a (self-proclaimed) connoisseur of groan-inducing puns.</li>
</ul>
</div>
</div>
</div>
<div class="cardContainer cardRow">
<div class='card aboutMeCard'>
<div class='aboutMeCardContent textOnlyContent horizontallyCenteredContent verticallyCenteredContent'>
<h2>Download my Résumé:</h2>
<a href="Files/Resume_AnantJain.pdf" class="imageLink">
<picture>
<source srcset="Images/Download-Dark.svg" media="(prefers-color-scheme: dark)" />
<img src="Images/Download.svg" id="downloadResumeIcon" />
</picture>
</a>
</div>
</div>
<div class='card aboutMeCard'>
<div class='aboutMeCardContent textOnlyContent horizontallyCenteredContent verticallyCenteredContent'>
<h2>Want to chat or grab coffee?</h2>
<p id="email">Drop me a line at <strong>anantjai@usc.edu</strong>.</p>
<p class="centered">(You can also reach out to me at any of the links in the bottom of the page.)</p>
</div>
</div>
</div>
<!-- Divider between main content and other links near bottom -->
<hr class="sectionDivider"/>
<!-- Other links near bottom of the page to projects/photography -->
<div class="cardContainer cardRow">
<!-- Projects link -->
<div class='card aboutMeCard'>
<a href="projects/">
<div class='otherLinkContent'>
<img class='otherLinkImage' src='Images/Projects-Preview.jpg' />
<div class='darkTextBackground'></div>
<div class="otherLinkText">
<div class="otherLinkTitle">
<h2>Projects</h2>
<img src="Images/Right-Chevron.svg" />
</div>
<p>Check out some of my work, including apps on the App Store.</p>
</div>
</div>
</a>
</div>
<!-- Photography link -->
<div class='card aboutMeCard'>
<a href="photography/">
<div class='otherLinkContent'>
<img class='otherLinkImage' src='Images/Photography-Preview.jpg' />
<div class='darkTextBackground'></div>
<div class="otherLinkText">
<div class="otherLinkTitle">
<h2>Photography</h2>
<img src="Images/Right-Chevron.svg" />
</div>
<p>Take a peek at some of my favorite shots.</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id='footerContainer'>
<div id='footerContent' class='card mainContent'>
<!-- Links to my profiles on other websites/services -->
<div class='footerRow footerLinksContainer'>
<a class='footerLink' href='https://www.facebook.com/anant.jain.5243' target='_blank'><img class='footerLinkImg' id='facebook' src='Images/Footer Images/facebook.svg' onmouseover='highlightButton(this)' onmouseout='highlightAllButtons()' /></a>
<a class='footerLink' href='https://twitter.com/life_of_an_ant' target='_blank'><img class='footerLinkImg' id='twitter' src='Images/Footer Images/twitter.svg' onmouseover='highlightButton(this)' onmouseout='highlightAllButtons()' /></a>
<a class='footerLink' href='https://github.com/janant' target='_blank'><img class='footerLinkImg' id='github' src='Images/Footer Images/github.svg' onmouseover='highlightButton(this)' onmouseout='highlightAllButtons()' /></a>
<a class='footerLink' href='https://www.linkedin.com/in/anantjain1' target='_blank'><img class='footerLinkImg' id='linkedin' src='Images/Footer Images/linkedin.svg' onmouseover='highlightButton(this)' onmouseout='highlightAllButtons()' /></a>
<a class='footerLink' href='https://www.instagram.com/cuppaswift/' target='_blank'><img class='footerLinkImg' id='instagram' src='Images/Footer Images/instagram.svg' onmouseover='highlightButton(this)' onmouseout='highlightAllButtons()' /></a>
</div>
<!-- Credits at the bottom of the screen -->
<!-- "Coded with love by Anant Jain" -->
<div class='footerRow footerCreditsContainer'>
<img class="footerCreditsIcon" src="Images/Footer Images/code.svg" />
<p class='footerCreditsText'>with</p>
<img class="footerCreditsIcon" src="Images/Footer Images/heart.svg" />
<p class='footerCreditsText'>by Anant Jain</p>
</div>
</div>
</div>
</div>
</body>
</html>