-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
369 lines (347 loc) · 27.8 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
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
358
359
360
361
362
363
364
365
366
367
368
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Katherine McClintic Software Engineer</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A little bit of me, a little bit of my work.">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<!-- github acitivity css -->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
<link rel="stylesheet" href="http://caseyscarborough.github.io/github-activity/github-activity-0.1.0.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<base href="http://kdmcclin.github.io/">
</head>
<body>
<!-- ******HEADER****** -->
<header class="header">
<div class="container">
<img class="profile-image img-responsive pull-left" src="assets/images/me.jpg" alt="Katherine McClintic" />
<div class="profile-content pull-left">
<h1 class="name">Katherine McClintic</h1>
<h2 class="desc">Software Engineer</h2>
<ul class="social list-inline">
<li><a href="https://plus.google.com/u/0/102827255318006940193/"><i class="fa fa-google-plus"></i></a></li>
<li><a href="https://www.linkedin.com/in/kdmcclin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://twitter.com/scarletalphabet"><i class="fa fa-twitter"></i></a></li>
<li class="last-item"><a href="https://github.com/kdmcclin"><i class="fa fa-github-alt"></i></a></li>
</ul>
</div><!--//profile-->
</div><!--//container-->
</header><!--//header-->
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="about section">
<div class="section-inner">
<h2 class="heading">About Me</h2>
<div class="content">
<h4>Where I'm From</h4>
<p>I'm a proud native of Washington, DC. I love my city and love to complain about its continually disappointing sports teams.</p>
<h4>Becoming a Developer</h4>
<p>My academic background is in education and the humanities. I received my Master's in Secondary Education (Social Studies) in the summer of 2013, but the lack of career options and a lifelong interest in and aptitude for technology lead me to Dev Bootcamp. At the end of October (2014) I completed the 19-week intensive web development training. After the bootcamp I was a teaching assistant at another bootcamp (The Iron Yard), which was a perfect way to bridge my previous and future careers. I'm currently employed as a Software Engineer.</p>
<h4>The Influence of Teaching</h4>
<p>While at first glance teaching might not seem to relate to web development, it's increased several of my web development skills. Teaching has made me a better team member. As a teacher you can't put yourself first and still ensure that students are learning and growing. The principles of good unit and lesson planning, particularly backwards design, apply quite well to programming projects. Backwards design puts the desired outcome as the focus at the start of planning, with all steps of the unit or lesson working to meet that goal. This mirrors developing a project with the user experience or expectation in mind. Teaching rarely goes according to plan however, so the ability to respond to change (occasionally in just the few minutes between classes) will serve me well in an environment that utilizes good agile methods.</p>
<h4>Hobbies</h4>
<p>I was a fencer in my undergraduate years, but due to an injury and lack of time to devote to it I haven't fenced much lately. Luckily fencing is easy to pursue at any stage of life.</p>
<p>The reason why it's so hard to find images of myself to use is that I'm usually the one taking the pictures. Another hobby of mine is photography. I took the following photo on a trip to Nova Scotia in the summer of 2011 and it's one of my favorites.</p>
<img class="img-responsive project-image" src="assets/images/whalensbig.png" alt="Whale" />
<br>
<p>I also love music. Singing it, listening to it, playing it--I like it all. Unfortunately I don't know how to play too many musical instruments (or at least how to play them well) aside from the piano.</p>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="experience section">
<div class="section-inner">
<h2 class="heading">Current Position(s)</h2>
<div class="content">
<div class="item">
<h3 class="title">Software Development Engineer - <span class="place"><a href="https://www.groupon.com">Groupon</a> </span><span class="year">(January 2017 - current)</span></h3>
<ul>
<li>Help build the backend of a service enabling the support of legacy LivingSocial vouchers for Groupon customer service reps and merchants</li>
<li>Support the transition of merchant data from LivingSocial to Groupon’s platform</li>
</ul>
</div><!--//item-->
<div class="item">
<h3 class="title">Associate Software Development Engineer - <span class="place"><a href="https://www.livingsocial.com">LivingSocial</a> </span><span class="year">(September 2015 - current)</span></h3>
<ul>
<li>Support our merchant center product as its sole engineer, impacting over 370,000 merchants</li>
<li>Reorganized our SEO structure from old microdata to preferred JSON-LD, resulting in as much as a full page increase in search result placement for deals and restaurants</li>
<li>Assisted with the creation of a guest checkout feature that increased conversion rates</li>
</ul>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="experience section">
<div class="section-inner">
<h2 class="heading">Volunteer Experience</h2>
<div class="content">
<div class="item">
<h3 class="title">Director of Education - <span class="place"><a href="http://www.meetup.com/Women-Who-Code-DC/">Women Who Code DC</a> </span><span class="year">(January 2016 - current)</span></h3>
<ul>
<li>coordinate all education efforts for Women Who Code DC</li>
<li>develop a way to bridge the gap between beginners who can follow tutorials and intermediate programmers who can create their own apps without following someone else's instructions</li>
<li>continue the focus on creating ways to promote the retention and involvement of our hundreds of regular members</li>
</ul>
</div><!--//item-->
<div class="item">
<h3 class="title">Rails Lead - <span class="place"><a href="http://www.meetup.com/Women-Who-Code-DC/">Women Who Code DC</a> </span><span class="year">(February 2015 - January 2016)</span></h3>
<ul>
<li>co-ran the Ruby on Rails study group</li>
<li>gave lectures and lightning talks on Ruby and/or Rails topics when appropriate</li>
<li>participated in planning the overall functionality of the organization</li>
</ul>
</div><!--//item-->
<div class="item">
<h3 class="title">Vice Chair / Secretary - <span class="place"><a href="http://dcacm.org/">DC ACM</a> </span><span class="year">(July 2015 - July 2016)</span></h3>
<ul>
<li>helped plan events for the DC Local chapter of the Association for Computing Machinery</li>
<li>reached out to members of the community who might not normally be as included in the broader tech field</li>
<li>took minutes for organization meetings</li>
</ul>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="experience section">
<div class="section-inner">
<h2 class="heading">Previous Work Experience</h2>
<div class="content">
<div class="item">
<h3 class="title">Teaching Assistant - <span class="place"><a href="http://theironyard.com/locations/washington-dc/">The Iron Yard</a> </span><span class="year">(January 2015 - April 2015)</span></h3>
<ul>
<li>assisted with the Ruby on Rails and Front-End Engineering tracks</li>
<li>served as a resource for students during exercise and project work</li>
</ul>
</div><!--//item-->
<div class="item">
<h3 class="title">Substitute Teacher - <span class="place"><a href="http://dcps.dc.gov/portal/site/DCPS/">DC Public Schools</a> </span><span class="year">(October 2013 - January 2015)</span></h3>
<ul>
<li>carried out the main teacher's lesson plans in different subjects, grades, and schools throughout the DCPS system</li>
<li>as a long-term substitute, designed and taught lessons on post-Revolutionary War through Wounded Knee US History to 11th grade students</li>
</ul>
</div><!--//item-->
<div class="item">
<h3 class="title">Floor Staff - <span class="place"><a href="http://www.landmarktheatres.com/market/WashingtonDC/BethesdaRowCinema.htm">Landmark Theatres</a></span> <span class="year">(August 2010 - March 2012)</span></h3>
<ul>
<li>served customers a variety of concessions items (including barista duties) and maintained appropriate inventory</li>
<li>ensured quality environments in the cinemas</li>
</ul>
</div><!--//item-->
<div class="item">
<h3 class="title">Conference and Event Assistant - <span class="place"><a href="http://www.uvm.edu/~conf/">University of Vermont Conference and Event Services</a></span> <span class="year">(May 2009 - December 2009)</span></h3>
<ul>
<li>helped set up and take down University-sponsored events</li>
<li>was responsible for housing arrangements for conferees staying on the University of Vermont campus over the summer and ensured their satisfaction during their stay</li>
</ul>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="heading sr-only">Basic Information</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-map-marker"></i><span class="sr-only">Location:</span>Washington, DC</li>
<li><i class="fa fa-link"></i><span class="sr-only">My Thoughts:</span><a href="blog-central.html">Blog Central</a></li>
<li><i class="fa fa-photo"></i><a href="gallery.html">Gallery</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="skills aside section">
<div class="section-inner">
<h2 class="heading">Skills</h2>
<div class="content">
<div class="skillset">
<div class="item">
<h3 class="level-title">Ruby on Rails<span class="level-label">On the Tracks</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="55%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">RSpec & Capybara<span class="level-label">Test Nerd</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="50%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Active Record<span class="level-label">Free Associatior</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="60%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">HTML5, CSS3, & SASS<span class="level-label">Classy Lady</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="45%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Python<span class="level-label">Not Afraid of Snakes</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="15%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Javascript & jQuery<span class="level-label">Ajax the Lesser</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="50%">
</div>
</div> <!--//level-bar-->
</div> <!--//item-->
</div>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="education aside section">
<div class="section-inner">
<h2 class="heading">Education</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> Full-Stack Web Development</h3>
<h4 class="university"><a href="http://devbootcamp.com/" target="_blank">Dev Bootcamp </a><span class="year">(2014)</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> M.Ed. Secondary Education (Social Studies)</h3>
<h4 class="university"><a href="http://www.gwu.edu/" target="_blank">The George Washington University </a><span class="year">(2012-2013)</span></h4>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> B.A. European Studies</h3>
<h4 class="university"><a href="http://www.uvm.edu/" target="_blank">The University of Vermont </a><span class="year">(2006-2010)</span></h4>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Languages</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"><strong>English:</strong></span>
<span class="level">Native Speaker <br class="visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span>
</li><!--//item-->
<li class="item">
<span class="title"><strong>French:</strong></span>
<span class="level">Professional Proficiency <br class="visible-sm visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i><!-- <i class="fa fa-star-half"></i> --></span>
</li><!--//item-->
<li class="item">
<span class="title"><strong>Spanish:</strong></span>
<span class="level">Elementary Proficiency <br class="visible-sm visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i></span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="blog aside section">
<div class="section-inner">
<h2 class="heading">Latest Blog Posts</h2>
<!-- <div id="rss-feeds" class="content"> -->
<h3 class="title"><a href="blog-posts/new-dev.html">On Being a New Software Engineer</a></h3>
<p>Insights from my first week.</p>
<hr>
<h3 class="title"><a href="blog-posts/rails-conf-2015.html">RailsConf 2015</a></h3>
<p>My reflections on attending my first RailsConf.</p>
<hr>
<h3 class="title"><a href="blog-posts/ruby-scripts-doskey.html">Running Ruby Scripts with DOSKEY</a></h3>
<p>How to set up a temporary key to quickly run Ruby scripts repeatedly in your command line.</p>
<hr>
<h3 class="title"><a href="blog-posts/using-google-fonts-with-foundation.html">Using Google Fonts with Foundation</a></h3>
<p>A quick guide to using Google Fonts on a Foundation 5 rails project.</p>
<!-- </div> --><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">What I'm Listening to Right Now</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-headphones"></i> <a href="https://play.spotify.com/track/2yDQ8wlFmbRU2nkpVC85cx">GQ - Foreign Lander</a></li>
<li><i class="fa fa-headphones"></i> <a href="https://open.spotify.com/track/0afhq8XCExXpqazXczTSve" target="_blank">Ed Sheeran - Galway Girl</a></li>
<li><i class="fa fa-headphones"></i> <a href="https://open.spotify.com/track/4delgtiKX7L3nsbC0exhCS" target="_blank">The Marshall Tucker Band - Fire on the Mountain</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list book aside section">
<div class="section-inner">
<h2 class="heading">What I'm Reading Right Now</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-book"></i> <a href="https://www.goodreads.com/book/show/22822839-the-thrilling-adventures-of-lovelace-and-babbage" target="_blank">The Thrilling Adventures of Lovelace and Babbage</a></li>
<li><i class="fa fa-book"></i> <a href="https://www.goodreads.com/book/show/44919.Working_Effectively_with_Legacy_Code" target="_blank">Working Effectively with Legacy Code</a></li>
<li><i class="fa fa-book"></i> <a href="https://www.goodreads.com/book/show/22522805-the-buried-giant" target="_blank">The Buried Giant</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list conferences aside section">
<div class="section-inner">
<h2 class="heading">Conferences Spoken At</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-calendar"></i> <a href="http://elaconf.com/" target="_blank">ELA Conf 2015</a> (Philadelphia, PA)</li>
<li><i class="fa fa-calendar"></i> <a href="http://www.rubynation.org/" target="_blank">RubyNation 2017</a> (Washington, DC)</li>
</ul>
</div> <!--//content--><br>
<h2 class="heading">Conferences Attended</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-calendar"></i> <a href="http://abstractions.io/" target="_blank">Abstractions 2016</a> (Pittsburgh, PA)</li>
<li><i class="fa fa-calendar"></i> <a href="http://www.rubynation.org/" target="_blank">RubyNation 2015, 2016</a> (Washington, DC)</li>
<li><i class="fa fa-calendar"></i> <a href="http://railsconf.com/" target="_blank">RailsConf 2015</a> (Atlanta, GA)</li>
<li><i class="fa fa-calendar"></i> <a href="http://collaborate.fosterly.com/" target="_blank">Collaborate 2015</a> (Washington, DC)</li>
<li><i class="fa fa-calendar"></i> <a href="http://mdc.gomodev.com/" target="_blank">MoDev Con 2014</a> (Washington, DC)</li>
</ul>
</div> <!--//content-->
</div> <!--//section-inner-->
</aside> <!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<a onclick="scroll(0,0)">Top</a><br>
<small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="http://themes.3rdwavemedia.com" target="_blank">3rd Wave Media</a> for developers</small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>
<!-- github activity plugin -->
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
<script type="text/javascript" src="http://caseyscarborough.github.io/github-activity/github-activity-0.1.0.min.js"></script>
<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>