-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
307 lines (259 loc) · 29.3 KB
/
index.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
<!doctype html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122328792-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122328792-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/cwjlogo_B2J_icon.ico" />
<title>Code with Jess</title>
<!--Icon Library-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-mfizz/2.4.1/font-mfizz.min.css" />
<!-- Bootstrap CSS-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="style.css" rel="stylesheet" type="text/css">
<!--Custom Fonts-->
<script src="https://use.fontawesome.com/b5390b9dae.js"></script>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,700,700i" rel="stylesheet">
</head>
<body>
<!-- navbar -->
<button id="nav-toggle" onclick = "togfunc()" class="btn btn-dark btn-lg toggle"><i id = "hamburger" class="fa fa-bars"></i></button>
<button id="close-nav" class="btn btn-dark btn-lg toggle inactive"><i class="fa fa-times"></i></button>
<nav id="bar-wrapper" class="inactive">
<ul class="bar-nav">
<li class="brand">
<a href="#top"><img src="img/cwjlogo_B2J_icon.ico" style="height:40px;" id="logo"> Code with Jess</a>
</li>
<li>
<a href="#about">About Me</a>
</li>
<li>
<a href="#skills">Skills</a>
</li>
<li>
<a href="#portfolio">Portfolio</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</nav>
<div class = "cont">
<canvas id = "background-canvas"></canvas>
</div>
<!---title-->
<div class="jumbotron"id="start">
<div class = "landing-text">
<h1>Code with Jess</h1>
<h2>See what I'm working on</h2>
<div class = "">
<a href="https://github.com/jmattick" target="_blank" id="github"><i class="icons fa fa-github fa-4x" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/jessicamattick" target="_blank"><i class="icons fa fa-linkedin-square fa-4x" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div id="learnmore">
<a href="#about">
<i class="fa fa-4x fa-angle-double-down"></i>
</a>
</div>
<!-- About Me Section -->
<section id="about" class="about">
<div id = "about-container" class="container animation">
<h2>About Me</h2>
<!-- <a href = "https://codepen.io/jmatty16/full/NgYpvb/"><img id = "head-shot" src = "img/head3.png" ></a> -->
<div id = "about-text">
<p> My name is <strong>Jessica Mattick</strong>. I am a <strong>biologist</strong> and M.S. student in <strong>computer science</strong> graduting in 2021. I like using computer science to develop tools to solve interdisciplinary problems. My <strong>software engineering</strong> skills and <strong>bioinformatics</strong> knowledge allows me to create solutions to challenging problems.
<!-- My name is <strong>Jessica Mattick</strong>. I am a Biologist and <strong>Full-Stack Web Developer</strong>. I was first introduced to coding while working in a lab during my undergraduate studies and ever since then have spent countless hours studying computer science. I aim to learn something new from each project I complete and make sure that I can communicate clearly what my code means. -->
</p>
</div>
</div>
</section>
<!-- Skills Section -->
<section id="skills" class="skills">
<div id = "skills-container" class="container animation">
<h2>Skills</h2>
<div class="container animation">
<div>
<i class="icon-python"></i>
Python
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="1px"
width="20" height="20" viewBox="0 0 14 14"><path d="m 13,6.392775 c 0,-2.22031 -2.687091,-4.01928 -6,-4.01928 -3.3129088,0 -6,1.79897 -6,4.01928 0,1.97865 2.1335628,3.62271 4.9445783,3.95524 l 0,1.27849 2.0468158,0 0,-1.27022 c 0.5018933,-0.0558 0.9831326,-0.15284 1.4333908,-0.28709 l 0.8282271,1.55731 2.313253,0 -1.392083,-2.34836 C 12.299828,8.546985 13,7.524615 13,6.392775 Z m -9.6413081,0.29948 c 0,-1.51807 2.042685,-2.74699 4.5604131,-2.74699 2.517728,0 4.376592,0.84062 4.376592,2.74699 0,1.03477 -0.547332,1.75559 -1.451979,2.19759 -0.04957,-0.0331 -0.09707,-0.0599 -0.132186,-0.0764 -0.210671,-0.1074 -0.574183,-0.21687 -0.574183,-0.21687 0,0 1.788641,-0.13218 1.788641,-1.91463 0,-1.78244 -1.871257,-1.81549 -1.871257,-1.81549 l -4.1101547,0 0,4.30224 C 4.4141136,8.724635 3.3586919,7.782805 3.3586919,6.692275 Z m 4.6492255,0.79105 0,-1.14837 c 1.1938038,0 1.8134251,-0.14044 1.8134251,0.56386 0,0.75387 -0.7889845,0.58451 -1.8134251,0.58451 z m -0.018589,1.49742 0.5493976,0 c 0.2230637,0 0.3903615,0.24165 0.4956971,0.39655 -0.3325301,0.0393 -0.6815835,0.0578 -1.0450947,0.0599 l 0,-0.45645 z"/></svg>
R
</div>
<div>
<i class="icon-java-bold"></i>
Java
</div>
<div>
<i class="icon-postgres"></i>
PosgreSQL
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="18" height="18"
viewBox="0 0 24 24"
style=" fill:#000000;"><path d="M 11 3 L 11 8.1582031 C 10.653 8.0172031 9.9041562 8 9.5351562 8 C 6.7591563 8 4.1894531 9.306 4.1894531 13 C 4.1894531 17.42 7.67 18 10 18 C 10.92 18 13 17.909141 14 17.619141 L 14 3 L 11 3 z M 16 3 L 16 6 L 19 6 L 19 3 L 16 3 z M 16 8 L 16 16.701172 C 16 18.217172 15.078 19.795172 13 20.701172 L 15.859375 21.996094 C 18.765375 20.996094 19 17.701172 19 16.701172 L 19 8 L 16 8 z M 9.9707031 10.550781 C 10.290703 10.550781 10.65 10.609453 11 10.689453 L 11 15.392578 C 10.65 15.472578 10.290703 15.533203 9.9707031 15.533203 C 8.6607031 15.533203 7.390625 15.12 7.390625 13 C 7.390625 10.88 8.6607031 10.550781 9.9707031 10.550781 z"></path></svg> Django
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="18" height="18"
viewBox="0 0 50 50"
style=" fill:#000000;"><path d="M 24.40625 2.03125 C 24.035156 2.035156 23.53125 2.054688 22.90625 2.125 C 21.660156 2.265625 19.96875 2.59375 18.125 3.375 C 14.5 4.914063 10.261719 8.238281 7.625 14.96875 C 6.601563 15.371094 5.582031 15.863281 4.75 16.5 C 4.632813 16.59375 4.535156 16.710938 4.46875 16.84375 C 4.136719 17.535156 4.074219 18.292969 4.03125 19.125 C 3.988281 19.957031 4 20.808594 4.09375 21.5 C 4.183594 22.152344 4.386719 23.011719 4.625 23.8125 C 4.742188 24.210938 4.851563 24.601563 5 24.9375 C 5.140625 25.25 5.226563 25.539063 5.65625 25.84375 L 2.21875 31.9375 L 2.125 32.09375 C 1.8125 32.550781 1.933594 33.171875 2.390625 33.484375 C 2.847656 33.796875 3.46875 33.675781 3.78125 33.21875 C 3.78125 33.21875 4.660156 32.1875 6.0625 30.78125 C 6.164063 31.484375 6.296875 32.269531 6.5 32.875 C 6.671875 33.390625 6.953125 34.074219 7.25 34.6875 C 7.398438 34.996094 7.535156 35.273438 7.71875 35.53125 C 7.808594 35.660156 7.914063 35.804688 8.0625 35.9375 C 8.210938 36.070313 8.4375 36.25 8.875 36.25 C 9.285156 36.25 9.691406 36.1875 10.15625 36.125 C 10.171875 36.121094 10.171875 36.128906 10.1875 36.125 C 10.296875 36.523438 10.320313 36.714844 10.59375 37.40625 C 10.804688 37.9375 11.082031 38.503906 11.40625 39.0625 C 10.65625 39.03125 10.0625 39 10.0625 39 C 9.671875 38.972656 9.300781 39.171875 9.113281 39.515625 C 8.925781 39.859375 8.953125 40.28125 9.1875 40.59375 C 10.589844 42.457031 12.085938 43.78125 13.4375 44.65625 C 14.789063 45.53125 15.960938 46 17 46 C 17.265625 46 17.539063 45.96875 17.8125 45.9375 C 17.980469 46.039063 21.238281 48 25 48 C 29.878906 48 33.453125 44.90625 33.9375 44.46875 C 34.910156 44.261719 35.847656 44 36.5 43.75 C 37.261719 43.457031 37.84375 42.914063 38.4375 42.28125 C 39.03125 41.648438 39.621094 40.921875 40.125 40.21875 C 41.132813 38.8125 41.875 37.5 41.875 37.5 C 42.070313 37.15625 42.042969 36.726563 41.808594 36.410156 C 41.570313 36.089844 41.167969 35.941406 40.78125 36.03125 L 41.03125 35.21875 L 42.9375 35 C 43.285156 34.953125 43.578125 34.726563 43.71875 34.40625 C 43.71875 34.40625 44.296875 33.183594 44.53125 32.15625 C 44.652344 31.632813 44.757813 30.835938 44.84375 30.0625 C 44.929688 29.289063 45 28.722656 45 28.3125 C 45 27.722656 44.738281 27.542969 44.59375 27.40625 C 44.449219 27.269531 44.300781 27.1875 44.15625 27.09375 C 43.921875 26.945313 43.664063 26.816406 43.40625 26.6875 C 43.683594 26.605469 43.96875 26.527344 44.21875 26.4375 C 44.515625 26.332031 44.742188 26.246094 45.03125 26.0625 C 45.046875 26.050781 45.046875 26.042969 45.0625 26.03125 C 45.46875 25.757813 45.589844 25.480469 45.75 25.1875 C 45.917969 24.882813 46.078125 24.554688 46.21875 24.1875 C 46.5 23.453125 46.722656 22.636719 46.84375 21.96875 C 47.003906 21.074219 47.039063 20.089844 46.96875 19.1875 C 46.898438 18.285156 46.785156 17.527344 46.46875 16.875 C 46.398438 16.726563 46.289063 16.597656 46.15625 16.5 C 45.234375 15.792969 44.089844 15.277344 42.96875 14.875 C 40.636719 8.476563 36.292969 5.183594 32.46875 3.59375 C 30.507813 2.777344 28.664063 2.40625 27.3125 2.21875 C 26.636719 2.125 26.09375 2.082031 25.6875 2.0625 C 25.28125 2.042969 24.960938 2.03125 25 2.03125 C 25.109375 2.03125 24.953125 2.035156 24.84375 2.03125 C 24.734375 2.027344 24.59375 2.03125 24.40625 2.03125 Z M 24.4375 4.03125 C 24.59375 4.03125 24.691406 4.027344 24.78125 4.03125 C 24.871094 4.035156 24.855469 4.03125 25 4.03125 C 25.109375 4.03125 25.242188 4.046875 25.59375 4.0625 C 25.945313 4.078125 26.453125 4.101563 27.0625 4.1875 C 28.28125 4.355469 29.925781 4.703125 31.6875 5.4375 C 34.839844 6.746094 38.324219 9.246094 40.53125 14.15625 C 39.488281 13.882813 38.65625 13.6875 38.65625 13.6875 C 38.566406 13.664063 38.46875 13.652344 38.375 13.65625 C 37.824219 13.640625 37.359375 14.074219 37.34375 14.625 C 37.328125 15.175781 37.761719 15.640625 38.3125 15.65625 C 38.3125 15.65625 39.449219 15.859375 40.875 16.28125 C 41.097656 16.347656 41.332031 16.421875 41.5625 16.5 C 41.574219 16.503906 41.582031 16.527344 41.59375 16.53125 C 41.613281 16.542969 41.636719 16.554688 41.65625 16.5625 C 41.84375 16.710938 42.074219 16.789063 42.3125 16.78125 C 43.210938 17.132813 44.082031 17.554688 44.71875 18 C 44.800781 18.261719 44.917969 18.707031 44.96875 19.34375 C 45.027344 20.101563 44.992188 20.980469 44.875 21.625 C 44.789063 22.109375 44.578125 22.847656 44.34375 23.46875 C 44.226563 23.777344 44.101563 24.0625 44 24.25 C 43.949219 24.34375 43.898438 24.414063 43.875 24.4375 C 43.832031 24.457031 43.730469 24.492188 43.53125 24.5625 C 43.386719 24.613281 43.203125 24.667969 43.03125 24.71875 L 43.46875 23.0625 C 43.605469 22.527344 43.285156 21.980469 42.75 21.84375 C 42.75 21.84375 35.9375 20 25 20 C 23.273438 20 21.710938 20.070313 20.21875 20.15625 C 20.207031 20.15625 20.199219 20.15625 20.1875 20.15625 C 20.105469 20.136719 20.023438 20.125 19.9375 20.125 C 19.894531 20.132813 19.851563 20.144531 19.8125 20.15625 C 19.792969 20.15625 19.769531 20.15625 19.75 20.15625 C 19.589844 20.140625 19.429688 20.160156 19.28125 20.21875 C 12.585938 20.6875 8.695313 21.78125 8.375 21.875 C 8.367188 21.878906 8.285156 21.875 8.28125 21.875 C 8.183594 21.902344 8.085938 21.945313 8 22 C 7.980469 22.007813 7.957031 22.019531 7.9375 22.03125 C 7.9375 22.042969 7.9375 22.050781 7.9375 22.0625 C 7.917969 22.070313 7.894531 22.082031 7.875 22.09375 C 7.863281 22.105469 7.855469 22.113281 7.84375 22.125 C 7.824219 22.132813 7.800781 22.144531 7.78125 22.15625 C 7.78125 22.167969 7.78125 22.175781 7.78125 22.1875 C 7.761719 22.195313 7.738281 22.207031 7.71875 22.21875 C 7.71875 22.230469 7.71875 22.238281 7.71875 22.25 C 7.695313 22.269531 7.675781 22.289063 7.65625 22.3125 C 7.644531 22.332031 7.632813 22.355469 7.625 22.375 C 7.601563 22.414063 7.582031 22.457031 7.5625 22.5 L 6.75 23.90625 C 6.671875 23.710938 6.605469 23.507813 6.53125 23.25 C 6.328125 22.558594 6.160156 21.722656 6.09375 21.21875 C 6.023438 20.703125 5.996094 19.925781 6.03125 19.21875 C 6.0625 18.613281 6.152344 18.160156 6.21875 17.9375 C 7.199219 17.261719 8.710938 16.628906 10.0625 16.21875 C 11.503906 15.78125 12.65625 15.5625 12.65625 15.5625 C 13.152344 15.4375 13.472656 14.957031 13.398438 14.453125 C 13.328125 13.945313 12.886719 13.574219 12.375 13.59375 C 12.34375 13.601563 12.3125 13.613281 12.28125 13.625 C 12.28125 13.625 11.335938 13.804688 10.15625 14.125 C 12.589844 8.9375 15.980469 6.460938 18.90625 5.21875 C 20.535156 4.527344 22.03125 4.25 23.125 4.125 C 23.671875 4.0625 24.125 4.035156 24.4375 4.03125 Z M 21 8 L 21 11 L 23 11 L 23 10 L 24 10 L 24 16 L 23 16 L 23 18 L 27 18 L 27 16 L 26 16 L 26 10 L 27 10 L 27 11 L 29 11 L 29 8 Z M 22.75 22.0625 C 21.832031 22.472656 20.980469 22.882813 20.34375 23.21875 L 20.53125 22.15625 C 21.242188 22.117188 21.980469 22.082031 22.75 22.0625 Z M 30.09375 22.15625 C 31.226563 22.214844 32.285156 22.289063 33.25 22.375 C 32.277344 22.738281 31.238281 23.058594 30.28125 23.28125 C 29.722656 23.410156 29.746094 23.382813 29.28125 23.46875 C 29.453125 23.21875 29.628906 22.96875 29.78125 22.71875 C 29.898438 22.523438 30 22.347656 30.09375 22.15625 Z M 18.40625 22.5625 L 18 24.8125 C 17.917969 25.203125 18.074219 25.605469 18.398438 25.839844 C 18.726563 26.070313 19.160156 26.082031 19.5 25.875 C 19.5 25.875 23.535156 23.648438 27.375 22.65625 C 27.339844 22.707031 27.316406 22.761719 27.28125 22.8125 C 26.71875 23.585938 26.1875 24.25 26.1875 24.25 C 25.933594 24.5625 25.894531 25 26.082031 25.355469 C 26.273438 25.710938 26.660156 25.914063 27.0625 25.875 C 27.0625 25.875 28.691406 25.691406 30.71875 25.21875 C 32.726563 24.75 35.148438 24.019531 36.90625 22.78125 C 39.210938 23.113281 40.6875 23.453125 41.25 23.59375 L 40.6875 25.71875 C 40.589844 25.890625 40.546875 26.085938 40.5625 26.28125 L 39.375 30.75 L 36.71875 32.9375 L 29.71875 32.0625 L 27.9375 27.625 C 27.785156 27.242188 27.410156 26.996094 27 27 L 23 27 C 22.589844 26.996094 22.214844 27.242188 22.0625 27.625 L 20.25 32.15625 L 14.125 33.5 L 11.1875 31.96875 L 10.3125 27.03125 C 12.691406 25.207031 15.492188 23.472656 18.40625 22.5625 Z M 12.71875 23 C 10.773438 24.144531 9.011719 25.472656 7.5 26.75 C 7.453125 26.789063 7.453125 26.773438 7.40625 26.8125 L 9.15625 23.75 C 9.550781 23.636719 10.628906 23.363281 12.71875 23 Z M 32.15625 26.625 C 31.210938 26.65625 30.605469 27.890625 30.65625 29.375 C 30.707031 30.855469 31.492188 30.847656 32.4375 30.8125 C 33.707031 30.789063 34.394531 30.378906 35.03125 30.6875 C 35.023438 30.652344 34.847656 30.050781 33.96875 30.15625 C 34.070313 29.933594 34.09375 29.660156 34.0625 29.25 C 33.945313 27.769531 33.101563 26.59375 32.15625 26.625 Z M 18.375 26.96875 C 17.429688 26.976563 16.535156 28.203125 16.59375 29.6875 C 16.609375 30.074219 16.660156 30.363281 16.75 30.5625 C 15.925781 30.769531 15.699219 31.28125 15.6875 31.3125 C 16.207031 31.03125 16.800781 31.058594 17.71875 31.0625 C 17.816406 31.066406 17.894531 31.066406 18 31.0625 C 18.089844 31.0625 18.183594 31.066406 18.28125 31.0625 C 19.226563 31.054688 20.015625 31.140625 20 29.65625 C 19.984375 28.171875 19.320313 26.960938 18.375 26.96875 Z M 32.0625 27.5625 C 32.332031 27.554688 32.558594 27.765625 32.5625 28.03125 C 32.566406 28.296875 32.328125 28.523438 32.0625 28.53125 C 31.796875 28.535156 31.597656 28.296875 31.59375 28.03125 C 31.585938 27.765625 31.796875 27.566406 32.0625 27.5625 Z M 18.53125 27.90625 C 18.796875 27.898438 18.992188 28.105469 19 28.375 C 19.007813 28.640625 18.796875 28.867188 18.53125 28.875 C 18.261719 28.882813 18.070313 28.671875 18.0625 28.40625 C 18.054688 28.140625 18.261719 27.914063 18.53125 27.90625 Z M 42.09375 28.25 C 42.214844 28.304688 42.21875 28.3125 42.34375 28.375 C 42.582031 28.492188 42.800781 28.617188 42.96875 28.71875 C 42.949219 28.980469 42.90625 29.296875 42.84375 29.84375 C 42.757813 30.585938 42.660156 31.429688 42.59375 31.71875 C 42.496094 32.148438 42.261719 32.660156 42.09375 33.0625 L 40.125 33.3125 C 39.734375 33.355469 39.402344 33.625 39.28125 34 L 38.46875 36.65625 C 38.167969 36.734375 37.851563 36.816406 37.59375 36.875 C 37.195313 36.964844 36.796875 37.03125 36.875 37.03125 C 36.257813 37.03125 33.617188 37.003906 33.25 37 C 33.09375 36.925781 32.421875 36.632813 31.5625 36.21875 C 31.085938 35.988281 30.613281 35.726563 30.21875 35.53125 C 29.824219 35.335938 29.457031 35.148438 29.46875 35.15625 C 29.292969 35.042969 29.085938 34.988281 28.875 35 C 28.808594 35.003906 28.75 35.023438 28.6875 35.03125 C 28.777344 34.6875 28.675781 34.324219 28.425781 34.074219 C 28.175781 33.824219 27.8125 33.722656 27.46875 33.8125 C 27.113281 33.886719 26.824219 34.152344 26.71875 34.5 C 26.71875 34.5 26.617188 34.886719 26.3125 35.28125 C 26.007813 35.675781 25.632813 36 25 36 C 23.667969 36 23.25 34.6875 23.25 34.6875 C 23.210938 34.304688 22.953125 33.976563 22.589844 33.847656 C 22.226563 33.71875 21.820313 33.8125 21.546875 34.082031 C 21.277344 34.355469 21.183594 34.761719 21.3125 35.125 C 21.039063 35.101563 20.765625 35.191406 20.5625 35.375 L 17.8125 37.90625 C 17.714844 37.945313 17.066406 38.234375 16.15625 38.53125 C 15.359375 38.792969 14.4375 39.019531 13.875 39.09375 C 13.328125 38.5 12.816406 37.539063 12.46875 36.65625 C 12.0625 35.625 11.875 34.78125 11.875 34.78125 C 11.855469 34.695313 11.824219 34.609375 11.78125 34.53125 L 13.53125 35.4375 C 13.742188 35.550781 13.984375 35.582031 14.21875 35.53125 L 21.21875 33.96875 C 21.542969 33.902344 21.808594 33.679688 21.9375 33.375 L 23.6875 29 L 26.3125 29 L 28.0625 33.375 C 28.199219 33.71875 28.511719 33.957031 28.875 34 L 36.875 35 C 37.144531 35.03125 37.414063 34.953125 37.625 34.78125 L 40.875 32.09375 C 41.042969 31.957031 41.164063 31.773438 41.21875 31.5625 Z M 8.53125 28.46875 L 9.34375 32.8125 C 9.398438 33.105469 9.582031 33.355469 9.84375 33.5 L 10.71875 34 C 10.71875 34 10.320313 34.0625 9.875 34.125 C 9.613281 34.160156 9.488281 34.164063 9.28125 34.1875 C 9.214844 34.074219 9.113281 33.984375 9.03125 33.8125 C 8.789063 33.3125 8.546875 32.671875 8.40625 32.25 C 8.304688 31.945313 8.160156 31.089844 8.0625 30.40625 C 7.964844 29.722656 7.90625 29.15625 7.90625 29.15625 C 7.90625 29.125 7.90625 29.09375 7.90625 29.0625 C 8.125 28.867188 8.300781 28.667969 8.53125 28.46875 Z M 28.8125 37.0625 C 28.972656 37.144531 29.085938 37.230469 29.3125 37.34375 C 29.722656 37.546875 30.238281 37.765625 30.71875 38 C 31.679688 38.464844 32.5625 38.90625 32.5625 38.90625 C 32.699219 38.96875 32.847656 39.003906 33 39 C 33 39 36.175781 39.03125 36.875 39.03125 C 37.292969 39.03125 37.589844 38.945313 38.03125 38.84375 C 38.242188 38.796875 38.488281 38.714844 38.71875 38.65625 C 38.585938 38.851563 38.617188 38.855469 38.46875 39.0625 C 38 39.71875 37.5 40.378906 37 40.90625 C 36.5 41.433594 35.992188 41.792969 35.78125 41.875 C 34.773438 42.261719 30.605469 43 30 43 C 29.824219 43 28.433594 42.734375 28.34375 42.6875 C 27.679688 42.324219 25.625 40.75 25.625 40.75 C 25.273438 40.464844 24.773438 40.453125 24.40625 40.71875 C 24.40625 40.71875 23.710938 41.238281 22.90625 41.78125 C 22.101563 42.324219 21.054688 42.933594 20.96875 42.96875 C 19.980469 43.359375 18.03125 44 17 44 C 16.667969 44 15.667969 43.738281 14.53125 43 C 13.835938 42.550781 13.0625 41.886719 12.28125 41.09375 C 12.707031 41.109375 12.933594 41.121094 13.25 41.125 C 13.414063 41.167969 13.585938 41.167969 13.75 41.125 C 14.730469 41.082031 15.808594 40.757813 16.78125 40.4375 C 17.824219 40.097656 18.65625 39.75 18.65625 39.75 C 18.769531 39.707031 18.875 39.644531 18.96875 39.5625 L 21.46875 37.25 C 21.726563 37.339844 21.839844 37.394531 22.3125 37.53125 C 22.980469 37.726563 23.761719 37.90625 24.53125 37.96875 C 24.683594 37.988281 24.832031 38 25 38 C 25.171875 38 25.34375 37.992188 25.5 37.96875 C 25.542969 37.964844 25.585938 37.941406 25.625 37.9375 C 25.644531 37.933594 25.667969 37.941406 25.6875 37.9375 C 26.347656 37.847656 26.941406 37.65625 27.46875 37.46875 C 28.085938 37.25 28.535156 37.113281 28.8125 37.0625 Z M 25 42.75 C 25.523438 43.164063 26.476563 43.945313 27.375 44.4375 C 28.054688 44.808594 28.761719 44.957031 29.34375 45 C 28.105469 45.554688 26.605469 46 25 46 C 23.507813 46 22.023438 45.589844 20.875 45.15625 C 21.191406 45.042969 21.480469 44.9375 21.71875 44.84375 C 22.425781 44.566406 23.203125 43.996094 24.03125 43.4375 C 24.546875 43.089844 24.714844 42.949219 25 42.75 Z"></path></svg> Travis CI
</div>
<div>
<i class="icon-git"></i>
Git Version Control
</div>
<div>
<i class="icon-heroku"></i>
Heroku Deployment
</div>
</div>
<div>
<i class="icon-html5-alt"></i>
HTML5
</div>
<div>
<i class="icon-css3-alt"></i>
CSS3
</div>
<div>
<i class="icon-javascript-alt"></i>
</div>
JavaScript
<div>
<i class="icon-jquery"></i>
jQuery
</div>
<div>
<i class="icon-reactjs"></i>
React
</div>
<div>
<i class="icon-nodejs"></i>
Node & Express
</div>
<div>
<i class="icon-mongodb"></i>
MongoDB
</div>
</div>
</section>
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio">
<div id = "portfolio-container" class="container animation">
<h2>Portfolio</h2>
<div class="row">
<div>
<h3 class="tleft">Full-Stack Web Applications</h3>
<div class = "col-md-8 col-md-push-4">
<a id="ep" href="https://github.com/jmattick/experiment_planner" target="_blank"><img class="portfolio-img img-responsive" src="img/experiment_scheduler.PNG"></a>
<div id="eptech" class="tech hidden">
<i class="icon-python"></i>
</div>
</div>
<div class = "col-md-4 col-md-pull-8">
<h3>Optimal Experiment Scheduler</h3>
<p>
<strong>Python</strong> web app using <strong>Django</strong> that schedules long experiments in an optimal way. Experiments are represented as a directed acyclic graph. The application uses dynamic programming to score potential experiments against the current schedule. The best score is chosen by applying Dijkstra’s shortest path algorithm to determine the lowest scoring experiment. Scores are visualized as a bar graph over a user defined range of start dates using <strong>Plotly</strong>. The user can select any of these dates to schedule the optimal experiment and add it to the calendar.
</p>
<a class = "btn btn-md gitbut" href = "https://github.com/jmattick/experiment_planner">Github Repo</a>
</div>
<div class="col-md-8 pad">
<a id="pfe" href="https://github.com/jmattick/Pockets-for-Everyone" target="_blank"><img class="portfolio-img img-responsive" src="img/pfe.PNG"></a>
<div id="pfetech" class="tech hidden">
<i class="icon-html5-alt"></i>
<i class="icon-css3-alt"></i>
<i class="icon-javascript-alt"></i>
<i class="icon-jquery"></i>
<i class="icon-mongodb"></i>
<i class="icon-nodejs"></i>
</div>
</div>
<div class="col-md-4">
<h3>Pockets for Everyone</h3>
<p>
Pockets provides a space for members to communicate about their experiences buying clothing with a focus on clothing vendors that are gender-inclusive. This app uses <strong>MongoDB, Express, EJS, and Node</strong>. Users can add vendor pages and comment on existing vendors. A user can have either a standard user role or an admin role. To moderate content, users can report vendors or comments. If a vendor or comment has been reported by multiple users, it will be hidden from the page unless approved by an admin. Admins have special permissions that standard users do not, such as the ability to approve flagged content, edit/delete any vendor/comment, and view messages sent to admins.
</p>
<a class = "btn btn-md gitbut" href = "https://github.com/jmattick/Pockets-for-Everyone">Github Repo</a>
</div>
</div>
</div>
<!--
-->
<div class="row">
<div>
<h3 class="tleft">Java Projects</h3>
<div class = "col-md-8 col-md-push-4">
<a id="co" href="https://github.com/jmattick/CodonOptimization" target="_blank"><img class="portfolio-img img-responsive" src="img/co.png"></a>
<div id="cotech" class="tech hidden">
<i class="icon-java-bold"></i>
</div>
</div>
<div class = "col-md-4 col-md-pull-8">
<h3>Codon Optimization Tool</h3>
<p>
<strong>Java</strong> program that optimizes a DNA sequence's codons to lower the GC content while avoiding a penalty in frequency. Inputs a codon frequency table and a DNA sequence to be optimized. The sequence undergoes 2 passes of optimization until the GC content is low enough. Graph of example output's codon frequency at each codon vs the original sequence shows increased frequency in this case. <a href = "http://www.jalview.org/">JalView</a> alignment shows protein sequence conservation.
</p>
<a class = "btn btn-md gitbut" href = "https://github.com/jmattick/CodonOptimization">Github Repo</a>
</div>
<div class = "col-md-8 pad">
<a id="brm" href="https://github.com/jmattick/basic-read-mapper" target="_blank"><img class="portfolio-img img-responsive" src="img/readmapper.PNG"></a>
<div id="brmtech" class="tech hidden">
<i class="icon-java-bold"></i>
</div>
</div>
<div class = "col-md-4">
<h3>Basic Read Mapper</h3>
<p>
<strong>Java</strong> program implementing a suffix array to create a basic read mapper that takes a reference file in fasta format containing one sequence and a reads file containing multiple sequences in fasta format and aligns the reads to the reference sequence to the user. The aligner handles unique matches and multiple matches and uses a different spacer character for each. When there are multiple matches the spacer changes from ‘-’ to ‘~’ to signify that the match is not unique. GUI created using <strong>Swing</strong> allows users to select input files and visualize aligned output.
</p>
<a class = "btn btn-md gitbut" href = "https://github.com/jmattick/basic-read-mapper">Github Repo</a>
</div>
</div>
</div>
<!--
-->
</div>
</section>
<!-- <section id="videos" class="videos">
<div class="container">
<h2>Recent Videos</h2>
<p> View what I'm teaching on youtube:</p>
<div class = "row">
<div class = "col-md-6 pad">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/nzkC3Zdy-hU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class = "col-md-6 pad">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/g81CdJ6Kik4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<div>
</div>
</section> -->
<footer id="contact">
<p>Contact me with employment opportunities!</p>
<P>Chicago, IL</p>
</footer>
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>