-
Notifications
You must be signed in to change notification settings - Fork 1
/
projects.html
executable file
·357 lines (296 loc) · 14.3 KB
/
projects.html
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
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
<!DOCTYPE html>
<html class="no-skrollr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<title>Jennyc.co</title>
<script src="js/vendor/modernizr-2.7.1.min.js"></script>
<style type="text/css">
body, html {
height: 100%;
min-height: 100%;
background-color: #Fff;
}
.back-link a {
color: #4ca340;
text-decoration: none;
border-bottom: 1px #4ca340 solid;
}
.back-link a:hover,
.back-link a:focus {
color: #408536;
text-decoration: none;
border-bottom: 1px #408536 solid;
}
p{
font-family: 'Source Sans Pro';
font-size: 18px;
}
h1 {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
margin: 0;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #1c1d1e;
font-size: 32px;
margin-bottom: 3px;
}
h2 {
color: #1c1d1e;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.entry-header .inner {
text-align: left;
margin: 0 auto 20px auto;
width: 800px;
}
.entry-header { padding-top: 20px; background-color: #fff; width:100%; position: fixed; top: 0; left: 0; z-index: 999999}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top" style="z-index: 100;">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li ><a href="index.html">HOME <span class="sr-only">(current)</span></a></li>
<li><a href="#">PROGRAMMING</a></li>
<li><a href="#design">DESIGN</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">CONTACT<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Github</a></li>
<li><a href="#">Twitter</a></li>
<li class="divider"></li>
<li><a href="#">Email</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="MenuStuff">
<input type="checkbox" id="ShowMenu" >
<div id="hi"
<nav class="navbar navbar-default navbar-static-top" style="z-index: 100;">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li ><a href="index.html">HOME <span class="sr-only">(current)</span></a></li>
<li><a href="#">PROGRAMMING</a></li>
<li><a href="#design">DESIGN</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">CONTACT<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Github</a></li>
<li><a href="#">Twitter</a></li>
<li class="divider"></li>
<li><a href="#">Email</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<label for="ShowMenu">
<span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
</label>
</div>
<div class="jumbotron" style = "position:relative;top:-21px;background-color: #F6F6F6">
<div class="container" style= "background-color: #F6F6F6">
<h1 >Programming Projects</h1>
<p style ="font-family: NeoSans ">I started learning formal computer science in 2011. My first language was C++, followed by Java. Since then, I've picked up a few more languages and have acquainted myself with a few more technologies such as web development, databases and networking.</p>
</div>
</div>
<section id="school">
<div class="page-header" id = "school">
<h1>School Related <small>C++, Java</small></h1>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">SimCity</h2>
<a href="#" class="thumbnail">
<img src="images/software/simcity_java.PNG" alt="...">
</a>
<p>Created a multi-threaded city simulation. Persons have complex scheduling behavior for their actions. Implemented multi-agent communication. Multiple building types include houses, restaurants, banks, and markets. City is fully autonomous based on loaded configurations- people wake up, walk or drive to work, buy food when they run low, etc. Programmed with Java, including a full GUI using Java's Abstract Window Toolkit. </p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">9 tile game</h2>
<a href="#" class="thumbnail">
<img src="images/software/tile.png" alt="...">
</a>
<p >A puzzle game written in C++ using Qt framework for the user interface. The goal of the game is to shift the tiles so that they are in order starting at 1 with the top left corner as the blank. The program uses A star and two different heuristics to determine the winning sequence of plays that are displayed when the user asks for a cheat sequence. </p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">STAR CRAFT - Space Titans </h2>
<a href="#" class="thumbnail">
<img src="images/software/starcraft.png" alt="...">
</a>
<p>A game written in C++ using Qt framework for the user interface. Set in outer space, the player follows the oddessy of Persues as he journeys to slay Medusa for the king Polydectes. </p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
</div>
</div>
<div class="page-header" id="work">
<h1>Work Related <small> Python, Java, Macros</small></h1>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">XML automator</h2>
<a href="#" class="thumbnail">
<img src="images/software/aa.png" alt="...">
</a>
<p >Xml validator so that screens the metadata attached to media files before entering a content management system so that further failures down the workflow are prevented. The script acts as another monitoring checkpoint in the ingest process and automatically checks, validates and moves files using the python library fsmonitor. Each file is processed seperately using the multiprocessing library to accomodate large data traffic.</p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">PAN america</h2>
<a href="#" class="thumbnail">
<img src="images/software/pa.png" alt="...">
</a>
<p>Vod pan america workflow development. All the content has to be manually transfered to cms and there is no preliminary checks. If a file fails, then it has to be manually fixed and put back into the system. The pa ecosystem is relatively new and
files have a 30 percent failure rate. I worked on the plan to fully automating the procedure and reduce failure rates. </p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View details »</a></p>
</div>
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">AutoHotKeys Macro</h2>
<a href="#" class="thumbnail">
<img src="images/software/macro.png" alt="...">
</a>
<p>This macro is a simple script that interacts with content management web dom to automate the process of filling in and processing 8,000 movie titles. The script take data from an excel spreadsheet and fills it into various web pages.</p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
</div>
</div>
<div class="page-header" id ="personal">
<h1>Personal <small> CSS/HTML, php, Javascript</small></h1>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">Personal Website</h2>
<a href="#" class="thumbnail">
<img src="images/software/jennyco_html.PNG" alt="...">
</a>
<p >Jennyc.co is the second version of my personal website. It uses CSS, html and javascript with the bootstrap framework and jquery library to create a parallax scrolling website that features my work.</p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">SuGaurdian</h2>
<a href="#" class="thumbnail">
<img src="images/suguardian.png" alt="...">
</a>
<p>The SuGuardian: a non-invasive continuous-glucose-monitoring watch that uses telecommunication to send readings of blood-glucose-levels to users’ guardians. The targeted end users of the SuGuardian are children and seniors with type I or II diabetes. The SuGuardian is programmed to alert/send alerts to subscribed guardians via telecommunication should users’ blood-glucose-levels rise or fall below the mean normal blood-glucose-level of humans by default, or the guardians can set their preference(s) for how often they would like to receive readings, regardless of urgency. The SuGuardian intends to collect these readings through non-invasive technology.</p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View details »</a></p>
</div>
<div class="col-md-4">
<h2 style ="font-family: NeoSans-Medium ">Gnar.Cars</h2>
<a href="#" class="thumbnail">
<img src="images/software/gnarcar_php.PNG" alt="...">
</a>
<p >GnarCar lets you connect with people going to music events. It lets you find people traveling to the same concert as you, and organize carpools based on the amount of drivers and passengers. Guests can create an account to offer or look for rides to events in the LA area. GnarCar is built using javascript, php, symfony2, html/css and utilizes the songkick and google maps API.</p>
<p><a class="btn btn-default" href="#" role="button" style=" font-family: 'arial';">View code »</a></p>
</div>
</div>
</div>
<div id = "design" class="jumbotron" style = "position:relative;top:20px;background-color: #F6F6F6">
<div class="container" >
<h1>Design Work</h1>
<p style ="font-family: NeoSans">Design has alway been an important part of my life. I have been using Photoshop for 8+ years and have a solid command of creative tools such as Illustrator, Visio, Maya, Final Cut and After Effects.</p>
</div>
</div>
<div class="page-header" id="uiux">
<h1>UI/UX <small> CSS/HTML, php, Javascript</small></h1>
</div>
<div class="row">
<div style="margin-left:20px">
<p>I was responsible for complete UI/UX redesign of the dating app Whim ans did front end programming using CSS/html/js for the web app and assisted with product development. Trywhim.com</p></div>
<div class="col-xs-4 col-md-3">
<a href="#" class="thumbnail" height="600">
<img src="images/whim/1.png" alt="...">
</a>
</div>
<div class="col-xs-4 col-md-3">
<a href="#" class="thumbnail">
<img src="images/whim/2.png" alt="...">
</a>
</div>
<div class="col-xs-4 col-md-3">
<a href="#" class="thumbnail">
<img src="images/whim/3.png" alt="...">
</a>
</div>
<div class="col-xs-4 col-md-3">
<a href="#" class="thumbnail">
<img src="images/whim/4.png" alt="...">
</a>
</div>
</div>
<div class="page-header" id="workflow">
<h1>Workflow Development <small> Systems architecture visualizations</small></h1>
</div>
<div class="row">
<div class="col-xs-6 col-md-8">
<a href="#" class="thumbnail" height="600">
<img src="images/graphics/vod.jpg" alt="...">
</a>
</div>
<div class="col-xs-4 col-md-4">
<a href="#" class="thumbnail" height="600">
<img src="images/graphics/1.png" alt="...">
</a>
</div>
</div>
<div class="row">
<div class="col-xs-4 col-md-4">
<a href="#" class="thumbnail">
<img src="images/graphics/2.png" alt="...">
</a>
</div>
<div class="col-xs-4 col-md-4">
<a href="#" class="thumbnail">
<img src="images/graphics/3.png" alt="...">
</a>
</div>
<div class="col-xs-4 col-md-4">
<a href="#" class="thumbnail">
<img src="images/graphics/4.png" alt="...">
</a>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
<footer>
<hr>
<p>© Jenny Chen 2014</p>
</footer>
</html>