-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
339 lines (283 loc) · 18.5 KB
/
index.html
File metadata and controls
339 lines (283 loc) · 18.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
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
<!DOCTYPE html>
<html>
<head>
<title>
Craig Bryan
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/pure.css">
<link rel="stylesheet" type="text/css" href="css/grids-responsive.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/main-content.css">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
</head>
<body>
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div class="overlay"></div>
<div id="layout">
<div id="menu">
<div class="pure-menu pure-menu-open">
<a class="pure-menu-heading" href="#">Craig Bryan</a>
<ul>
<li class="menu-item-divided pure-menu-selected">
<a href="#intro">Home</a>
</li>
<li><a href="#aboutme">About Me</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#experience">Projects and <br> Experience</a></li>
<li><a href="#skills">My Skills</a></li>
<li><a href="#references">References</a></li>
</ul>
<ul>
<li><a href="assets/CraigBryan_CV.pdf" download>Download CV</a></li>
</ul>
</div>
</div>
<div>
<div id="header" class="header">
<div class="left">
<h1>Craig Bryan</h1>
</div>
<div class="right">
<h2>craigbryan.csb@gmail.com</h2>
<h2>+1 613 915 2565</h2>
<a href="https://twitter.com/TheGufers"><h2>@TheGufers</h2></a>
</div>
</div>
</div>
<div id="main">
<div class="content">
<div id="intro" class="subsection subsection-first">
<div class="pure-g">
<div class="pure-u-1-1">
<img class="portrait" src="assets/craig_portrait.jpg" alt="Craig's Portrait">
<h1>Hi there!</h1>
<p>
My name is Craig Bryan. I'm a software engineer!
</p>
<h1>Why are you reading this?</h1>
<p>
I think CV's are great for giving a quick overview of a person's professional persona, but I think that everyone has a lot more to say about themselves than can fit on a reasonably-sized CV. That's why I made this for myself.
</p>
<h1>Want the "SparkNotes" version?</h1>
<p>
<a href="assets/CraigBryan_CV.pdf">Click here for the pdf version of my CV.</a>
</p>
</div>
</div>
</div>
<div id="aboutme" class="subsection">
<hr>
<div class="pure-g">
<div class="pure-u-1-1">
<h1>About Me</h1>
<p>
I have a passion for learning! I'm constantly learning new skills, facts, technologies, and trivia. I also have a passion for software development. So, my favourite things to learn about are software-adjacent. Most recently I've taken to learning a little some Go by going through the <a href="https://tour.golang.org">basic tour of Go</a>. I'm also an avid reader of <a href="https://news.ycombinator.com/">Hacker News</a>, for both the technical reads and the start-up news.
</p>
<p>
I also like to consider myself a bit of an adventurer. I've travelled through mainland Central America, many parts of Europe, and a lot of Canadian wilderness: in the warmer seasons I love to get into Algonquin park for camping. More recently, I've become a regular jogger, and I supplement my running with squash and rock climbing. I'm ran my first half marathon on May 29th in Ottawa, ON, Canada - <a href="https://www.crowdrise.com/trish-and-craig-run-for-fort-mac">my running partner and I raised some money for the victims of the Fort McMurray fire</a>.
</p>
<p>
I'm a gamer. I play video games in my free time, or, when the opportunity presents itself, one of the board games from my (oversized) collection.
</p>
<img src="assets/corny_collage.jpg" alt="Craig outdoors">
</div>
</div>
</div>
<div id="education" class="subsection">
<hr>
<div class="pure-g">
<div class="pure-u-1-1">
<h1>Education</h1>
<h3>Dalhousie University</h3>
<p>
From 2007 to 2011, I studied and graduated from Dalhousie University with a BSc in Chemistry. I covered all of the classic sciences (biology, chemistry, physics) to some extent, but nearing the end of my degree I specialized in materials science. This specialization was mostly the result of working in a materials science laboratory for my honour's project under the supervision Dr. Mary Anne White.
</p>
<p>
In addition to the technical chemistry knowledge, I learned a lot of 'soft-skills'. In particular, I found that lab work, if it is to be done correctly and safely, requires a great deal of attention to detail. I also honed my communication skills, especially my writing skills, by writing research papers and lab reports on a regular basis.
</p>
<p>
During my career at Dalhousie University, I was fortunate to have the opportunity to participate in two published research papers. I am the primary author of the first, which is called <a href="http://journals.aps.org/prb/abstract/10.1103/PhysRevB.86.054303">Thermal conductivity of (Er<sub>1-x</sub>Y<sub>x</sub>)<sub>2</sub>Ti<sub>2</sub>O<sub>7</sub> pyrochlore oxide solid solutions</a>, and is the result of my year of working in Dr. White's lab. The second, <a href="http://pubs.acs.org/doi/pdf/10.1021/ed4001409">Bismuth Crystals: Preparation and Measurement of Thermal and Electrical Properties</a>, was the result of a fun, crystal-growth experiment that I did in my first year at Dalhousie University.
</p>
<h3>University of Ottawa</h3>
<p>
After I graduated with my degree in chemistry, I focused on finding a job related to my field. After months of searching, I ended up as an IT technician for a television and consumer electronics store. This was a job that I was grateful for but not related to chemistry. At the same time, my interest in software development and programming had been growing. I decided I should be focusing on the field I enjoyed, so I headed back to school for Software Engineering.
</p>
<p>
I started at the University of Ottawa in September 2012, as a second year student. During the two years that I've spent here, I've learned a great deal of technical skills — languages, design patterns, frameworks, and tools — but I'm finding I learn the most working with fellow students. Collaborations improve my communication skills, my leadership abilities, and my empathy.
</p>
</div>
</div>
</div>
<div id="experience" class="subsection">
<hr>
<div class="pure-g">
<div class="pure-u-1-1">
<h1>Projects and Experience</h1>
<h3>Technical Services Developer at 360pi</h3>
<p>
Since May 2015, I've been working as a developer at a mid-sized startup called <a href="http://www.360pi.com">360pi</a>. This company does price intelligence for large online retailers and brands. I'm really enjoying working for a smallish company (50ish people) where I can see the effect of my contributions in an immediate fashion.
</p>
<p>
As a technical services developer, I mainly focused on the software used to scrape data from the internet - maintaining and implementing these web crawlers are a large part of my job. Implementing type of software yields some very interesting problems - request mimicry, subverting blocking, obfuscation attempts are some examples that come to mind.
</p>
<p>
Due to the high rate of churn of team member on the technical services team, I quickly became one of the most senior members of my team. This has probably been the most challenging aspect of this job, but I am grateful for it. I've been given the chance to rise to the challenge and thrive and now I have the opportunity to help grow and maintain the team myself!
<p>
I don't directly work on the product at 360pi, but rather, work in a technical position that is more customer-facing. I work on tight deadlines on projects and bugs that customers are expecting in the immediate future. This means my code goes live very quickly. It's a very fast-paced environment that I am enjoying very much!
</p>
<h3>Developer for UmpleOnline</h3>
<p>
A couple summers ago (May to August, 2014), I worked as a developer on an open source project called <a href="http://cruise.eecs.uottawa.ca/umple/">Umple</a>. Umple is a tool that enables "Model-Oriented Programming". It is a project based primarily at the University of Ottawa and managed by Dr. Timothy Lethbridge.
</p>
<p>
My primary responsibilities working on Umple were the maintenance and improvement of <a href="http://try.umple.org">UmpleOnline</a>, the web-based demo and teaching tool for Umple. I worked with many different technologies over the summer. Early on, my work focused on javascript, CSS, and HTML as I squashed bugs and refactored sections of UmpleOnline. Certain bugs led me into the backend of UmpleOnline — which is in PHP — and the core of Umple — which is written in Umple that generates Java.
</p>
<p>
Later in the summer, I focused on making UmpleOnline easier to change: the large majority of the code associated with UmpleOnline were not backed by tests. I used a headless browser called <a href="http://phantomjs.org/">PhantomJS</a> along with ruby libaries <a href="https://github.com/teampoltergeist/poltergeist">Poltergeist</a> (Ruby bindings for PhantomJS), <a href="https://github.com/jnicklas/capybara">Capybara</a> (Ruby library for user-centric website automation), and <a href="http://rspec.info/">rspec</a> (Ruby testing framework). This was the most educational and fun part of my summer.
</p>
<h3>Engineer/DIY Hacker</h3>
<p>
From May 2013 to April 2014, I worked in <a href="http://www.pellinglab.net/">the Pelling Lab</a> for Dr. Andrew Pelling — a professor in the Department of Physics at the University of Ottawa. During this year I worked on implementing a project that would allow people in the DIY biology community to interact with Dr. Pelling's lab via Twitter. The idea for the project morphed from a biological sample monitor to a multi-sample, DIY microscope built from repurposed webcams. In this project, I was responsible for the design and implementation of both the software and the hardware.
</p>
<p>
The large majority of the software was written in Python, with some hardware-facing components written in Arduino (a domain specific language based on C). The software was responsible for receiving requests from Twitter, parsing and interpreting these requests, then interfacing with the hardware — motors, cameras, and sensors. The Twitter user would then have an image of the requested biological sample tweeted back at them.
</p>
<p>
I designed the hardware and built it using modular 3D-printed pieces. The overall design went through several iterations:
</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="image-container image-container-left">
<img class="" src="assets/apple-incubator.jpg" alt="Apple incubator">
<p>
From a full-fledged incubator with a camera that moved in 3 dimensions built inside an old iMac,
</p>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="image-container">
<img class="" src="assets/slidescope2.jpg" alt="SlideScope">
<p>
to a device that only required camera movement in one direction, and used hand-focused biological samples,
</p>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="image-container image-container-right">
<img class="" src="assets/hexagonal-cam.jpg" alt="Hexagonal Design">
<p>
to a device that used multiple stationary cameras with spring-loaded, hand-focused biological samples.
</p>
</div>
</div>
<div class="pure-u-1-1">
<p>
Hardware design was a very different experience. I made plenty of mistakes and learned a lot about managing projects to meet deadlines. The middle device was displayed as part of <a href="http://www.toxicitywinnipeg.com/">Toxicity</a>, a bioart exhibit in Winnipeg, and was <a href="https://twitter.com/SciTechCurator/status/481482471582621696/photo/1">donated</a> to the Canada Science and Technology Museum as part of their microscope collection.
</p>
</div>
<div class="pure-u-1-1">
<h3>Tech Support</h3>
<p>
In the year before I started my studies at the University of Ottawa, I worked at a consumer electronic store, <a href="http://electroniclifestyles.ca/">Electronic Lifestyles</a>, in my hometown of Orillia, Ontario. Here, I filled a lot of different shoes; I was a labourer, customer support, IT guy, and designer.
</p>
<p>
More than any other job I've had, I communicated and worked directly with customers. With this kind of experience, I learned how important it is for a product — any product — to work correctly and easily. Frustrated customers can be difficult, but they became easier to sympathize with as I dealt with more and more of their problems. I learned to approach every service call with a genuine concern and worry for the problems plaguing the customers.
</p>
<p>
At this job, I had many opportunities to work creatively. I redesigned and re-wrote the store's entire website. My boss, Greg Reid, had asked me to change some content on the website, and when I saw it, I knew it needed a facelift. I had no idea what I was doing — I was new at HTML, CSS, and web design in general — but I wanted to try. I am proud of the result, and it's laid the groundwork for me to become a better front-end developer today.
</p>
</div>
</div>
</div>
<div id="skills" class="subsection">
<hr>
<div class="pure-g">
<div class="pure-u-1-1">
<h1>My Skills</h1>
<p>
When I made a list of my technical skills, I came up with a lot of languages and tools, but I quickly came to the realization that I am not familiar with all of these technologies to the same extent. I don't want to seem dishonest and place my strongest skills in the same list as the ones that I've used for a single class or project. I also don't want to sell myself short by only making a short list of what I consider my strongest areas. My solution to this dilemma is to use the following analogy: I've categorized all these languages into three categories.
</p>
<p>
My "Family" — I'm in contact with these folks almost every day and I know them very well, including their quirks.
</p>
<p>
My "Friends" — I see these people pretty often, and I enjoy spending time with them. They keep some secrets from me, and that's just fine.
</p>
<p>
My "Acquaintances" — I see these people around, and only have long conversations with them occasionally. Some of them are old friends with whom I've fallen out of touch, and others are those with whom I wish I could spend more time.
</p>
<p>
For fun, I've also thrown in a list of my current "Crushes" — those people whom I've seen from afar and would jump at the chance to get to know better.
</p>
</div>
<div class="pure-u-1 pure-u-sm-1-2 pure-u-md-1-4">
<h3>Family</h3>
<ul>
<li>Python</li>
<li>git</li>
<li>Java</li>
<li>Javascript</li>
<li>MongoDB</li>
</ul>
</div>
<div class="pure-u-1 pure-u-sm-1-2 pure-u-md-1-4">
<h3>Friends</h3>
<ul>
<li>Bash</li>
<li>PostgreSQL</li>
<li>Ruby</li>
<li>Ruby on Rails</li>
<li>HTML</li>
<li>CSS</li>
<li>SQL</li>
</ul>
</div>
<div class="pure-u-1 pure-u-sm-1-2 pure-u-md-1-4">
<h3>Acquaintances</h3>
<ul>
<li>PHP</li>
<li>C++</li>
<li>mercurial</li>
<li>Arduino</li>
<li>ant</li>
<li>svn</li>
<li>Go</li>
<li>Ember</li>
</ul>
</div>
<div class="pure-u-1 pure-u-sm-1-2 pure-u-md-1-4">
<h3>Crushes</h3>
<ul>
<li>AngularJS</li>
<li>Sass</li>
<li>Rust</li>
<li>node.js</li>
<li>React</li>
<li>Unity</li>
</ul>
</div>
</div>
</div>
<div id="references" class="subsection">
<hr>
<div class="pure-g">
<div class="pure-u-1-1">
<h1>References</h1>
<div class="reference">
<p>
Sorry, I keep these private. Available upon request though!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>