-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathresume.html
209 lines (173 loc) · 9.92 KB
/
resume.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="styles.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Quicksand|Righteous" rel="stylesheet">
<title>Ray Kugler's Resume</title>
</head>
<body>
<main class='resume_page'>
<div class='res_header_underline'></div>
<div class='res_big_box'></div>
<section class='res_header_holder'>
<h1 class='res_header'>Ray Kugler</h1>
<h3 class='res_sub_head'>front end developer</h3>
<a href='./index.html' class='port_link'>Portfolio</a>
<a href='./RayKuglerResume.pdf' class='pdf_link'>PDF</a>
</section>
<h3 class='obj_header'>Objective</h3>
<section class='objective'>
<div class='obj_box'>
<p class='exp_text'>Over the past year, I have dedicated myself to transition from a career as a
video producer to a front-end developer. My goal is to leverage my aesthetic sense, attention
to detail and passion for creating to build exciting and interesting web experiences.
</p>
</div>
</section>
<h3 class='exp_header'>Experience</h3>
<section class='res_exp'>
<div class='exp_box'>
<h3 class='small_exp_header'>Web Development</h3>
<div class="exp_connector"></div>
<p class='exp_text'>In the course of preparing to become a front-end developer I’ve leaned
on a lesson I learned a long time ago: Don’t try to learn everything, focus on knowing
how to ask the right questions and where to find the answers. It’s a skill I’ve used
throughout my career and, I believe, makes me a valuable, versatile and resourceful member
of any team. My comfort level with various skills and languages is listed below, but I
have primarily focused on HTML, CSS and JS with heavy use of React and SASS. I’m proud
of the work I’ve produced and am excited to put my skills to use.
</div>
<div class='exp_box'>
<h3 class='small_exp_header'>United States Marine Corps</h3>
<div class="exp_connector"></div>
<p class='exp_text'>
I started my career as a Combat Photographer in the United States Marine Corps.
It was in the Marine Corps where I attended photography school. On top of the skills
and responsibilities expected of all Marines, I was charged with creating images both
artistic and technical. The unofficial motto of the Marine Corps is “Improvise, Adapt
and Overcome.” It’s a mindset I’ve carried with me throughout my career.
</p>
</div>
<div class='exp_box'>
<h3 class='small_exp_header'>Sarasota Herald Tribune/SNN6</h3>
<div class="exp_connector"></div>
<p class='exp_text'>
At the completion of my military contract I landed at a local television station in Sarasota, Florida.
As a video journalist I shot, edited and reported thousands of stories. I covered stories ranging from
the humorous to the tragic, often times in the same day. In this high pressure, fast turn-around
environment the emphasis is on being quick but accurate. During my time at the station I rose from
weekend and night photographer to Chief Photographer and Operations Manager.
</p>
</div>
<div class='exp_box'>
<h3 class='small_exp_header'>Associated Press</h3>
<div class="exp_connector"></div>
<p class='exp_text'>My next step was to NYC working for The Associated Press. I was hired to help launch the
AP’s online video service. I was responsible for all online entertainment, sports and business video content.
Once that project was launched I moved to AP’s experimental storytelling department. I worked with
journalists, designers and developers to produce videos, slideshows, podcasts, web interactives and more.
I was then tasked with launching the AP’s fashion, food and travel online video service.
</p>
</div>
<div class='exp_box'>
<h3 class='small_exp_header'>Seven Borders Media</h3>
<div class="exp_connector"></div>
<p class='exp_text'>In 2012, we left New York for Kentucky so that my wife could advance her career.
While there, I started a video production company focusing on commercials and corporate videos.
The majority of my clients were small businesses without in-house creative resources which meant
I often managed a project from concept through execution.
</p>
</div>
<div class='exp_box'>
<h3 class='small_exp_header'>Seattle</h3>
<div class="exp_connector"></div>
<p class='exp_text'>After two years in Kentucky, we headed out to Seattle so that I could take the position
of Video Production Manager for KCTS9, the local PBS affiliate. While at KCTS9 I launched several new
programs and led a team 30 photographers, editors and production crew. I’ve since moved on to contract
and consultant positions which have allowed me to focus on my web development education.
</p>
</div>
</section>
<h3 class='knowledge_header'>Knowledge</h3>
<section class='quals'>
<div class='qual_box comfort_box'>
<h3 class='qual_header'>Comfortable with:</h3>
<div class="connector"></div>
<div class='list_box'>
<ul class='qual_list_one'>
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Responsive Design</li>
<li>Adobe Creative Suite</li>
</ul>
<ul class='qual_list_two'>
</ul>
</div>
</div>
<div class='qual_box familiar_box'>
<h3 class='qual_header'>Familiar with:</h3>
<div class="connector"></div>
<div class='list_box'>
<ul class='qual_list_one'>
<li>React</li>
<li>GraphQL/CMS</li>
<li>Git</li>
<li>Sass</li>
<li>Semantic HTML</li>
</ul>
<ul class='qual_list_two'>
<li>APIs</li>
<li>WordPress</li>
<li>---</li>
<li>---</li>
</ul>
</div>
</div>
<div class='qual_box acquainted_box'>
<h3 class='qual_header'>Acquainted with:</h3>
<div class="connector"></div>
<div class='list_box'>
<ul class='qual_list_one'>
<li>BootStrap</li>
<li>Node.js</li>
<li>UX Design</li>
<li>gulp</li>
<li>npm/Yarn</li>
</ul>
<ul class='qual_list_two'>
<li>D3</li>
<li>Chart.js</li>
<li>webpack</li>
<li>WooCommerce</li>
<li>HTML Canvas</li>
</ul>
</div>
</div>
<div class='qual_box passer_box'>
<h3 class='qual_header'>Would recognize on the street:</h3>
<div class="connector"></div>
<div class='list_box'>
<ul class='qual_list_one'>
<li>PHP</li>
<li>Ruby</li>
<li>Python</li>
<li>---</li>
</ul>
<ul class='qual_list_two'>
<li>---</li>
<li>---</li>
<li>---</li>
<li>---</li>
<li>---</li>
</ul>
</div>
</div>
</section>
<!-- EXPERIENCE -->
</main>
</body>
</html>