-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
276 lines (256 loc) · 14.5 KB
/
index.html
File metadata and controls
276 lines (256 loc) · 14.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>May Ng</title>
<!-- Bootstrap Core CSS -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Custom Theme CSS -->
<link href="css/main.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
</button>
<a class="navbar-brand" href="#page-top">
<i class="fa fa-play-circle"></i> May Ng
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<li class="page-scroll">
<a href="#about">About</a>
</li>
<li class="page-scroll">
<a href="#portfolio">Portfolio</a>
</li>
<li class="page-scroll">
<a href="#activities">Activities</a>
</li>
<li class="page-scroll">
<a target="_blank" href="https://www.dropbox.com/s/9fn57xl8876klqs/May%20Ng%20Resume%20GHC2014.pdf?dl=0">Resume</a>
</li>
<li class="page-scroll">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/ucsd.jpg" alt="about_photo" />
<div class="container">
<div class="carousel-caption">
<h1>About Me</h1>
<p>Senior at UC San Diego studying Computer Science with a focus in Computer Security.
<p><a class="btn btn-lg btn-primary" href="#about" role="button">Who is this girl?</a></p>
</div>
</div>
</div>
<div class="item">
<img src="img/code.jpg" alt="tech"/>
<div class="container">
<div class="carousel-caption">
<h1>Portfolio</h1>
<p>Experience with Web Development, Backend Development, and Web Security.</p>
<p><a class="btn btn-lg btn-primary" href="#portfolio" role="button">Browse Gallery</a></p>
</div>
</div>
</div>
<div class="item">
<img src="img/pool.jpg" alt="pool"/>
<div class="container">
<div class="carousel-caption">
<h1>Activities</h1>
<p>Capable Leader, Passionate Advocate, Scholar Athlete.</p>
<p><a class="btn btn-lg btn-primary" href="#activities" role="button">See more</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- /.carousel -->
<section class="intro">
<!--
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<img id="displayphoto" src="img/img_bw.jpg" alt="display">
<h1 class="brand-heading">May Ng</h1>
<p class="intro-text">Born in San Francisco, educated in San Diego, and off to a future in Palo Alto.</p>
<div class="page-scroll">
<a href="#about" class="btn btn-circle">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</div>
-->
</section>
<section id="about" class="content-section text-center">
<div class="row">
<div class="col-sm-12">
<h2 style="color: #428BCA">About Me</h2>
<div class="col-sm-4">
<h4>Hi, I'm May</h4>
<img style="max-height: 100%; max-width: 100%;" src="img/img.jpg" alt="Me"/>
</div>
<div class="col-sm-4">
<h4>Recap</h4>
<p> Born in San Francisco, raised in San Jose, educated in San Diego,graduating June 2015. I spent a few weeks abroad in Nicaragua in 2010. I am a competitive swimmer and played on the UCSD Women's Club Water Polo team. I love the outdoors, experimenting with food, and clearing out my Netflix queue on rainy days.
</p>
</div>
<div class="col-sm-4">
<h4>Technical</h4>
<p> My stumble into Computer Science was purely luck-- I needed another class to take, and a friend suggest an intro class. Luckily for me, I liked it! Since then, I have come to realize my passion for computer security. It is a field that is always changing, allowing myself to stay ahead of the game by constantly challenging myself.</p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="content-section text-center" style="background-color: #428BCA;">
<div class="row">
<div class="col-sm-12">
<h2 style="color:#fff">Portfolio</h2>
<div class="col-sm-4">
<h4>Amazon Payments Portal</h4>
<a target="_blank" href="http://amazon.com"><img style="max-width:100%; max-height:100%; padding-bottom: 3%; display: block; margin-left: auto;
margin-right: auto;" src="img/a1.png" alt="amazon"/></a>
<p>Versioning on Payments Widgets meant to resolve release bottlenecks. I developed the versioning backend in Java to save widget static content, and built an internal Amazon database to store hash-keys to this data. All of my work served internal purposes and cannot be seen outright in any of the front-facing payment systems that Amazon has today, but it has helped solve many release issues with functionality that allowed version customization and easy rollout and rollback.</p>
</div>
<div class="col-sm-4">
<h4>UCmom</h4>
<a target="_blank" href="http://ucmom.ucsd.edu"><img style="max-width:100%; max-height:100%; padding-bottom: 3%; display: block; margin-left: auto;
margin-right: auto;" src="img/ucmom1.png" alt="ucmom"/></a>
<p>A Lactation Room Reservation System for nursing mothers. The purpose of this web application is to help nursing mothers effectively use their time by being able to plan ahead and help them locate all the lactation rooms on campus. To build this web application, I utilized Google Calendar API to build in calendar functionality in PHP and Javascript. I implemented the backend component of this application, parsing all user data and setting up a service account with Google so that we could send in user data to fill the calendar. I also created all the calendars and wrote scripts on Google App-Engine to automate the sign-up process.h</p>
</div>
<div class="col-sm-4">
<h4>Optiportables</h4>
<a target="_blank" href="http://optiportable.com"><img style="max-width:100%; max-height:100%; padding-bottom: 3%; display: block; margin-left: auto;
margin-right: auto;" src="img/opt.jpg" alt="optiportable"/></a>
<p>The optiportables will be placed in low-income under-represented communities to act as conveyers of information back to UC San Diego's Qualcomm Institute and also hopefully act as a connection to more resources and social initiative for the community. One proposed project is for a SMS-based web application used to crowdsource environmental data. This data will be mapped in an aerial view of the city to encourage better urban planning and decrease health risks for city inhabitants. Another proposed project is to do video-conferencing that could allow doctors to "treat" patients just by seeing their condition and perhaps with some simple medical equipment that patients would be able to use with just the help of a community worker. </p>
</div>
</div>
</div>
</section>
<section id="activities" class="content-section text-center">
<div class="row">
<div class="col-sm-12">
<h2 style="color: #428BCA">Activities</h2>
<div class="col-sm-4">
<a target="_blank" href="http://wic.ucsd.edu"><img src="img/wic.png" alt="wic" /></a>
</div>
<div class="col-sm-4">
<p>Women In Computing is an organization whose purpose is to support the female presence in computing. </p>
<p>I have been a part of this organization from the moment I first found out about it, and have since been able to find support, advice, and many opportunities with them. In order to give back, I joined the executive board last year as the Professional Development Chair and will be tackling the role of President this year.
<p>
</div>
<div class="col-sm-4">
<p>Member since 2012:
<p>President 2014-2015</p>
<p>Professional Development Chair 2013-2014</p>
<p>Member 2012 </p>
</div>
</div>
<div class="col-sm-12">
<h2></h2>
<div class="col-sm-4">
<a target="_blank" href="http://sportsclubs.ucsd.edu/sports/teams/waterpolow/"><img src="img/sport.png" alt="waterpolo" /></a>
</div>
<div class="col-sm-4">
<p>The Triton is a symbol for UC San Diego, and as an athlete, the Triton was my mascot whenever I was in and out of the water.
<p>I have been playing water polo for almost a decade, and have been swimming my whole life. I played Water Polo for the UCSD Womens Club Team and I swam competitively in club teams with the 200 Individual Medley and 100 Butterfly events. In my free time, I have experimented with Diving and can do some basic dives.
</div>
<div class="col-sm-4">
<p>UC San Diego Womens Club Water Polo 2011-2013</p>
<p>Ohlone Renegades Club Waterpolo 2010-2011</p>
<p>Independence High School 2007-2011
<p>West Coast Aquatics Swim Team 2002-2010</p>
</div>
</div>
<div class="col-sm-12">
<h2></h2>
<div class="col-sm-4">
<a target="_blank" href="http://warren.ucsd.edu"><img src="img/warrenlogo.jpg" alt="warren" /></a>
</div>
<div class="col-sm-4">
<p>Warren College at UC San Diego is named after the Supreme Court Justice, Earl Warren. It's motto "Toward a Life in Balance" defines my time spent there. I took a range of diverse classes and had the opportunity to be a Resident Advisor. As an RA, I overlooked 2 floors of 50 residents and planned many community and hall events, in addition to mediating conflict and acting as a mentor to my residents.
</p></div>
<div class="col-sm-4">
<p>Warren Class of 2015</p>
<p>RA for Harlan Hall - 3rd and 4th floor 2012-2013</p>
<p>Stewart Hall - 5th floor 2011-2012</p>
<p>WAVE Member (Warren Association of Volunteer Enthusiasts) 2011-2012
</div>
</div>
</div>
</section>
<section style="background-color: #428BCA;" id="contact" class="content-section text-center">
<div class="row">
<div class="col-sm-12">
<h2 style="color:#fff;">Contact Info</h2>
<p>Feel free to email with any questions, or to just say hello!</p>
<p><a style="color: #fff;" href="mailto:may.ng92@gmail.com">may.ng92@gmail.com</a></p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="https://github.com/pending" class="btn btn-default btn-lg">
<i class="fa fa-github fa-fw"></i>
<span class="network-name">Github</span></a>
</li>
<li>
<a href="https://twitter.com/may0ranger" class="btn btn-default btn-lg">
<i class="fa fa-twitter fa-fw"></i>
<span class="network-name">Twitter</span></a>
</li>
<li>
<a href="http://instagram.com/spottygiraffe" class="btn btn-default btn-lg">
<i class="fa fa-instagram fa-fw"></i>
<span class="network-name">Instagram+</span></a>
</li>
</ul>
</div>
</div>
</section>
<div id="map"></div>
<!-- Core JavaScript Files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
</body>
</html>