-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
267 lines (249 loc) · 14.3 KB
/
index.html
File metadata and controls
267 lines (249 loc) · 14.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must<li>come first in the head; any other head content must come *after<li>these tags -->
<title>Patrick Czeczko</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/hexagons.min.css">
<link rel="stylesheet" href="css/index.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="headerArea">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Patrick Czeczko</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a class="hvr-underline-from-center" href="#recentProjects">Recent Projects</a></li>
<li><a class="hvr-underline-from-center" href="#resume">Experience</a></li>
<li><a class="hvr-underline-from-center" href="#about">About</a></li>
<li><a class="hvr-underline-from-center" href="#contact">Contact</a></li>
<li><a class="hvr-underline-from-center" href="http://pileofcode.com/" target="_blank">Blog</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-12 header">
<h1>let dev = "patrick"</h1>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<!-- About -->
<div class="row" id="about">
<div class="col-md-4">
<div class="circular center-block">
<!-- <img src="imgPatrick.jpg" alt="" />-->
</div>
</div>
<div class="col-md-8">
<h2 id="aboutMeHeader">About Me</h2>
<p>Hi I'm Patrick. I'm an entrepreneur and developer of all things related to code. I have a number of
different passions when it comes top projects. Most of my work thus far has originated from my
professional training in Bioinformatics. I have spent the last 3 years studying both computer
science and bioinformatics and working on projects utilizing extremely large datasets contains
terabytes of information. I also love to tinker with computer hardware and build custom systems that
can run everything from a basic webserver to a powerful workstation.</p>
<p>Other than Bioinformatics a few other small projects that I have worked on include a web application
for students to determine which courses they might like to take to fill in options or requirements
within their degrees. Check out some of my recent projects to see what I have been up to lately.</p>
</div>
</div>
<!-- Contact -->
<div class="row">
<div id="contact" class="col-md-12">
<h2>Contact Me</h2>
<div class="col-md-12 col-lg-12">
<p>If your looking for some to build your next great project or just a small idea you want to bring
to the real world feel free to contact me.</p>
</div>
<div class="col-md-12 col-lg-12">
<div class="contactIcons">
<a href="https://ca.linkedin.com/in/patrick-czeczko-9083268b" class="hb-sm-margin"
target="_blank"><span class="hb hb-sm spin-icon hb-linkedin"><i
class="fa fa-linkedin-square"></i></span></a>
<a href="https://twitter.com/patrickczeczko" class="hb-sm-margin" target="_blank"><span
class="hb hb-sm spin-icon hb-twitter" target="_blank"><i
class="fa fa-twitter"></i></span></a>
<a href="https://github.com/patrickcze" class="hb-sm-margin" target="_blank"><span
class="hb hb-sm spin-icon hb-github" target="_blank"><i
class="fa fa-github-alt"></i></span></a>
<a href="mailto:patrick.cze@gmail.com" class="hb-sm-margin"><span class="hb hb-sm spin-icon"
target="_blank"><i class="fa fa-envelope"></i></span></a>
</div>
</div>
</div>
</div>
<!-- Recent Projects -->
<div id="recentProjects" class="row">
<div class="col-md-12">
<h2>Recent Projects</h2>
<div class="col-xs-12 col-sm-12 col-lg-4">
<h2><a href="http://geometricenergy.ca/index.php" target="_blank">Geometric Energy Website</a></h2>
<h4><a href="" target="_blank"></a>Geometric Energy Corporation</h4>
<p>A new page for a Green Energy startup focusing on cutting edge research and applications in
Electrochemical Research and Development & Photovoltaic Systems Engineering</p>
<p hidden="true"><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div>
<div class="col-xs-12 col-sm-12 col-lg-4">
<h2><a href="https://github.com/dekoning-lab/ezmap" target="_blank">EzMap</a></h2>
<h4><a href="http://lab.jasondk.io/" target="_blank">de Koning Lab</a></h4>
<p>A DNA sequence pipeline for inferring community structure and relative abundances. EzMap utilizes
state of the art bioinformatics tools to clean, map and categorize DNA sequence. </p>
<p hidden="true"><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div>
<div class="col-xs-12 col-sm-12 col-lg-4">
<h2>3D Metadata Database</h2>
<h4><a href="#">Hallgrimsson Lab</a></h4>
<p>A MySQL Database with a LAMP frontend to store research data going back a number of years. This
systems enables secondary studies to be conducted on existing data and allows all of the
researchers involved with the project to view data.</p>
<p hidden="true"><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div>
<div class="col-xs-12 col-sm-12 col-lg-4">
<h2>University Course Tracker</h2>
<h4><a href="#">Personal Project</a></h4>
<p>A simple Bootstrap site to help students track which courses they have taken and which ones they
are missing in order to complete their degree. This project used a LAMP stack to enable all of
the functionality required.</p>
<p hidden="true"><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div>
<div class="col-xs-12 col-sm-12 col-lg-4">
<h2></h2>
<h4><a href="#"></a></h4>
<p></p>
<p hidden="true"><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div>
<div class="col-xs-12 col-sm-12 col-lg-4">
<h2></h2>
<h4><a href="#"></a></h4>
<p></p>
<p hidden="true"><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div>
</div>
</div>
<!-- Resume -->
<div class="row">
<div id="resume" class="col-md-12">
<h2>Experience</h2>
<ul id="experienceList">
<li>
<div>
<h4 class="col-md-12">Vivametrica | Feb 2018 - Present </h4>
<h5 class="col-md-12">Technology Lead</h5>
<div class="col-md-12">
<p>Responsible for delivering all aspects of Vivametrica’s web, mobile and API based
analytics solutions platform.</p>
<ul>
<li>Mentored and grew development team to 4 full stack developers</li>
<li>Product planning and management</li>
<li>User and Client Support</li>
<li>Feature development and implementation</li>
<li>Development process streamlining and improvement</li>
<li>Platform deployment and management on AWS</li>
</ul>
</div>
</div>
</li>
<li>
<div>
<h4 class="col-md-12">Vivametrica | Sept 2016 - Feb 2018 </h4>
<h5 class="col-md-12">Fullstack Developer</h5>
<div class="col-md-12">
<ul>
<li>Enabled platform scalability by evolving MVP into scalable API and Web Application</li>
<li>Participated in Product planning and management</li>
<li>Provided User and Client Support</li>
<li>Assisted with Managing AWS Deployments</li>
</ul>
</div>
</div>
</li>
<li>
<div>
<h4 class="col-md-12">de Koning Lab | Summer 2016</h4>
<h5 class="col-md-12">Student Researcher at the University of Calgary</h5>
<div class="col-md-12">
<ul>
<li>Evaluating novel network analysis methods</li>
<li>Implementing and optimized algorithms in C++</li>
</ul>
</div>
</div>
</li>
<li>
<div>
<h4 class="col-md-12">de Koning Lab | Summer 2015</h4>
<h5 class="col-md-12">Student Researcher at the University of Calgary</h5>
<div class="col-md-12">
<ul>
<li>Designing a DNA sequence Analysis Pipeline</li>
<li>Implementing pipelines in Python with HTML, and JavaScript Endpoints
</li>
</ul>
</div>
</div>
</li>
<li>
<div>
<h4 class="col-md-12">Hallgrimsson Lab | Summer 2014</h4>
<h5 class="col-md-12">Student Researcher at the University of Calgary</h5>
<div class="col-md-12">
<ul>
<li>Designing Databases Systems</li>
<li>Implementing back and front end solutions</li>
<li>Finding creative solutions to manage large amounts of data</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<footer class="col-md-12">
<p>Updated on: Dec. 21st 2016</p>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.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="js/index.js"></script>
</body>
</html>