-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
441 lines (388 loc) · 15.1 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
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width"/>
<title>Kate Kuchin</title>
<!-- FAVICON -->
<link rel="shortcut icon" href="../img/katebulldog.jpg" type="image/vnd.microsoft.icon">
<!-- GOOGLE FONTS -->
<link href='http:https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http:https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600italic,600,700,700italic,900,300italic,300,200italic,200' rel='stylesheet' type='text/css'>
<!-- STYLESHEETS -->
<link rel='stylesheet' href='css/resume.css'>
<link rel='stylesheet' href='css/typography.css'>
<link rel='stylesheet' href='css/navbar.css'>
<link rel='stylesheet' href='css/hero.css'>
<link rel='stylesheet' href='css/fadein.css'>
<link rel='stylesheet' href='css/browsersnaps.css'>
<link rel='stylesheet' href='css/personal.css'>
</head>
<body>
<header class="navigation">
<div class="navigation-wrapper">
<a href="https://www.github.com/k8k" class="logo">
<img src="img/git.png" alt="github">
</a>
<a href="" class="navigation-menu-button" id="js-mobile-menu">MENU</a>
<div class="nav">
<ul id="navigation-menu">
<li class="nav-link">
<a href="https://www.twitter.com/exkuchme" class="logo">
<img src="img/twitter.png" alt="twitter">
</a>
</li>
<li class="nav-link">
<a href="https://www.instagram.com/katekuchin" class="logo">
<img src="img/instagram.png" alt="instagram">
</a>
</li>
<li class="nav-link">
<a href="https://www.facebook.com/janebrinkley" class="logo">
<img src="img/facebook.png" alt="facebook">
</a>
</li>
<li class="nav-link"><a href="#scroll-on-page-top">Professional</a></li>
<li class="nav-link"><a href="#aboutkate">Personal</a></li>
</ul>
</div>
</div>
</header>
<div id="spacer" style="height:60px"></div>
<div class="hero">
<div class="hero-inner">
<a href="" class="hero-logo"><img src="img/bulldog.png" alt="Logo Image"></a>
<div class="hero-copy">
<h1>kate kuchin</h1>
<p>Full-Stack Developer</p>
</div>
</div>
</div>
<!-- GOOGLE MAP-->
<div id="map_canvas"></div>
<h1 class='subhead' id="scroll-on-page-top">Professional</h1>
<div class="scroll-on-page">
<aside>
<a class="scroll-on-page-link" href="#scroll-link-1">Technical Skills</a>
<a class="scroll-on-page-link" href="#scroll-link-2">Projects</a>
<a class="scroll-on-page-link" href="#scroll-link-anova">Software Engineer - Anova Culinary</a>
<a class="scroll-on-page-link" href="#scroll-link-evercharge">Software Engineer - EverCharge</a>
<a class="scroll-on-page-link" href="#scroll-link-3">Hackbright Academy</a>
<a class="scroll-on-page-link" href="#scroll-link-4">Director of Content - Insticator</a>
<a class="scroll-on-page-link" href="#scroll-link-5">Content Manager - Google</a>
<a class="scroll-on-page-link" href="#scroll-link-6">Other Experience</a>
<a class="scroll-on-page-link" href="#scroll-link-7">Education</a>
</aside>
<article>
<section>
<h4 id="scroll-link-1">Technical Skills</h4>
<p>
<table>
<tr>
<td class="skillCat">Languages:</td>
<td class="skillList">Python, Ruby, HTML5, CSS3, JavaScript, PHP</td>
</tr>
<tr>
<td class="skillCat">Frameworks</td>
<td class="skillList">Flask, Rails, Bootstrap, Sass, Bourbon, jQuery, Foundation</td>
</tr>
<tr>
<td class="skillCat">Databases</td>
<td class="skillList">SQL, PostgreSQL, SQLite, SQLAlchemy, Parse</td>
</tr>
<tr>
<td class="skillCat">Tools</td>
<td class="skillList">Git, GitHub, AWS, CLI, Heroku, Google Analytics, APIs</td>
</tr>
</table>
</p>
</section>
<section>
<h4 id="scroll-link-2">Projects</h4>
<p>
<strong>Half Full (2014):</strong> Using Python, Flask, HTML5, Sass/Bourbon, JavaScript, Flask, and SQLAlchemy, as well as APIs from Foursquare, Instagram, and Google Maps, Half Full helps end users find bars, restaurants, and cafes that are not busy. Built independently as a Hackbright final project over the course of four weeks.
</p>
<div class = "browsers">
<div class = "browser">
<div class="browser-top-bar">
<div class="browser-circle"></div>
<div class="browser-circle"></div>
<div class="browser-circle"></div>
</div>
<div class="browser-content"></div>
</div>
<div class = "browser">
<div class="browser-top-bar">
<div class="browser-circle"></div>
<div class="browser-circle"></div>
<div class="browser-circle"></div>
</div>
<div class="browser-content">
</div>
</div>
<div class = "browser">
<div class="browser-top-bar">
<div class="browser-circle"></div>
<div class="browser-circle"></div>
<div class="browser-circle"></div>
</div>
<div class="browser-content"></div>
</div>
</div>
<div class="cover"></div>
<p>
<strong>Realer Housewife (2014):</strong> Using Python and the Twitter API, <a href="twitter.com/realerhouswife">The Realer Housewife</a> is a Twitter bot that uses n-gram Markov Chains to generate tweets based on the cast introductions from the Real Housewives series. (Like, "Life is not all diamonds and rose, but it should be.")
</p>
<div id="housewife">
<img src="img/markovhousewife.png" alt="">
</div>
<div class="cover"></div>
<p>
<strong>Judgmental Eye (2014):</strong> A threaded movie recommendations app that incorporates machine learning algorithms (specifically, Pearson Correlation). Built using Python-Flask, HTML/CSS, JavaScript, AJAX, Bootstrap, and SQLite/SQLAlchemy.
</p>
<br>
<p>
<strong><a href="/gohawks">Go Hawks</a> (2015):</strong> A one-page app
built in one day using the famo.us platform - uses transformations,
transitions, and the famo.us physics engine. Built using JavaScript and famo.us.
</p>
<div>
<img src="img/gohawks.png" alt="go hawks">
</div>
<div class="cover"></div>
</section>
<section>
<h4 id="scroll-link-anova">Anova Culinary</h4>
<p class="postionName"><strong>Software Engineer</strong>: November 2015 - Present</p>
<p>
Full-stack web engineer, responsible for all web properties (ecommerce,
marketing, web apps, and beyond).
</p>
</section>
<section>
<h4 id="scroll-link-evercharge">EverCharge</h4>
<p class="postionName"><strong>Software Engineer</strong>: January 2015 - November 2015</p>
<p>
Full-stack software engineer working on internal and external tools and apps.
<li>Architected SQL database for managing company operations.</li>
<li>Built internal dashboard to manage customers, billing, and payments.</li>
<li>Worked with third party APIs to streamline internal processes.</li>
<li>Oversaw and implemented two fullly responsive website redesigns
Responsible for all dev work, contributed to copy for marketing and overall design.</li>
<li>Worked cross-functionally with sales, marketing, and design on several company-wide projects.</li>
<li>Helped design newest hardware, including part selection and PCB design.</li>
</p>
</section>
<section>
<h4 id="scroll-link-3">Hackbright Academy</h4>
<p class="postionName"><strong>Software Engineering Fellow</strong>: September - December 2014</p>
<p>
Selected for an intensive, 12-week programing fellowship (7.5% acceptance rate)
focusing on Python, Flask, HTML, CSS, JavaScript, relational databases
(SQLAlchemy with PostgreSQL and SQLite), and OOP.
</p>
</section>
<section>
<h4 id="scroll-link-4">Insticator</h4>
<p><strong>Director of Content</strong>: 2011-2012
<ul class="default">
<li>Responsible for composing and maintaining all online company content, and monitoring site and blog performance.</li>
<li>Created wireframes for company website, as well as more detailed mockups using Adobe Illustrator.</li>
<li>Spearheaded new business development: composing and editing all business plans, market research, and creation of presentations for investor meetings.</li>
</ul>
</p>
</section>
<section>
<h4 id="scroll-link-5">Google</h4>
<p><strong>Content Manager, Product Specialist for orkut</strong>: 2007 - 2009
<ul>
<li>Worked with Engineering, Product, and Content teams to maintain and iterate the world’s 10th most visited website.</li>
<li>Using internal tools, composed and edited all support content which received 10 million page views / month.</li>
<li>Designed and executed two major support center redesigns and several optimization projects.</li>
<li>Created surveys, conducted user research, and analyzed feedback received to drive product development.</li>
</ul>
</p>
</section>
<section>
<h4 id="scroll-link-6">Other Experience</h4>
<p><strong>Business Development and Operations - Executive Manager, Skin Salvation</strong>: 2013 - 2014
<ul>
<li>Fully redesigned company website and implemented responsive design changes using HTML5 and CSS.</li>
<li>Developed large-scale business plan to expand to new markets, move product sales into the wholesale space.</li>
<li>Overhauled company protocol and training documents entirely, an ongoing effort as the company continued to grow.</li>
<li>Hired, fully trained, and directly managed all interns and administrative staff.</li>
</ul>
</p>
<p><strong>Field Director for Initiative and Referendum Campaigns</strong>: 2010 - 2011
<ul>
<li>Led city- and state-wide field and outreach operations for two large-scale, successful campaigns:
<ul>
<li><strong>Let’s Move Forward - Approve Ref 1</strong>: secured final approval to remove the structurally unsound viaduct in Seattle.</li>
<li><strong>Protect Our Communities - No on 1100/1105</strong>: fought two initiatives simultaneously that sought to privatize liquor sales in Washington State at the cost of state revenue and 1,500 union jobs.</li>
</ul>
</li>
<li>Trained and managed over 200 volunteers to participate in nightly phone banks contacting 50,000+ voters.</li>
<li>Composed newsletter and website content, managed campaign social media, prepared correspondence for elected officials and community leaders, drafted press releases, FAQs, weekly newsletters, and blog posts.</li>
</ul>
</p>
</section>
<section>
<h4 id="scroll-link-7">Education</h4>
<p>
<strong>Hackbright Academy</strong>: 2014
</p>
<p>
<strong>Evans School of Public Affairs</strong>: 2009 - 2011
</p>
<p>
<strong>University of Washington</strong>: 2003 - 2007
</p>
<p>
<strong>London School of Economics and Political Science</strong>: 2005 - 2006
</p>
</section>
<a class="scroll-on-page-link" href="#scroll-on-page-top">Read it again</a>
</section>
</article>
</div>
<div class='browsers'></div>
<h1 class='subhead' id="aboutkate">Personal</h1>
<div class="cards">
<div class="card">
<div class="card-image">
<img src="img/seattle.jpg" alt="">
</div>
<div class="card-header">
Seattle Native
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/dogranch.jpg" alt="">
</div>
<div class="card-header">
Dog Lady
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/taco.jpg" alt="">
</div>
<div class="card-header">
Taco Eater
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/coffee.jpg" alt="">
</div>
<div class="card-header">
Coffee Drinker
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/sunbathing.jpg" alt="">
</div>
<div class="card-header">
Sunbather
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/durangosky.jpg" alt="">
</div>
<div class="card-header">
Durango, CO Lover
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/cultural.jpg" alt="">
</div>
<div class="card-header">
Philistine
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/margaritas.jpg" alt="">
</div>
<div class="card-header">
Margarita Maker
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/tv.jpg" alt="">
</div>
<div class="card-header">
HBOGo Thief
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/festive.jpg" alt="">
</div>
<div class="card-header">
Festive Human
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/helenhawk.jpg" alt="">
</div>
<div class="card-header">
12th Man
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/momoftheyear.jpg" alt="">
</div>
<div class="card-header">
Mother of The Year
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-logo">
<img src="img/english.png" alt="Awesome English Bulldog">
</div>
<div class="footer-links">
<ul>
<li><h3>Hella Professional</h3></li>
<li><a href="https://www.linkedin.com/in/katekuchin">LinkedIn</a></li>
<li><a href="https://www.github.com/k8k">GitHub</a></li>
</ul>
<ul>
<li><h3>Kinda Friendly</h3></li>
<li><a href="https://www.facebook.com/janebrinkley">Facebook</a></li>
<li><a href="https://www.twitter.com/exkuchme">Twitter</a></li>
<li><a href="https://www.instagram.com/katekuchin">Instagram</a></li>
</ul>
<ul>
<li><h3>Occasionally Responsive</h3></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="tel:https://1-415-609-8482">415.609.8482</a></li>
</ul>
</div>
<hr>
<p>Built by Kate Kuchin, with help from the always wonderful <a href="https://www.bourbon.io">Bourbon</a> and <a href="http:https://www.stgeorgespirits.com/spirit/bourbon/">bourbon.</a></p>
</footer>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript" src="js/resume.js"></script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-2472574-2', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>