-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
355 lines (300 loc) · 13.2 KB
/
Copy pathindex.html
File metadata and controls
355 lines (300 loc) · 13.2 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
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<!doctype html>
<html lang="en">
<head>
<!-- Thanks for reading my code -->
<title>Cory Long Software Developer Resume</title>
<!-- UTF 8 as my Character Set -->
<meta charset="utf-8">
<!-- Set the Viewport for good mobile behavior -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Info For Bots -->
<meta name="keywords" content="web, website, Software, design, develop, deseigner, developer, engineer, architect, frontend, backend, stack, fullstack, php, c#, python, mysql, mssql, elasticsearch, wordpress, magento, linux, admin, administrator, seo, resume, cv, portfolio, cory long, goose, gainesville, florida, remote">
<meta name="description" content="Software Developer Cory Long Resume and Showcase">
<meta name="author" content="Cory Long">
<meta name="robots" content="all">
<!-- I now use Bulma but Bootstrap is also good -->
<link rel="stylesheet" href="resources/tools/bootstrap.min.css" />
<!-- Simple style file -->
<link rel="stylesheet" href="resources/style.css?v1.2" />
<!-- Favicon made by yours truly -->
<link rel="shortcut icon" href="resources/favicon.ico">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-10 col-md-push-1">
<header role="banner">
<h1 id="headline">Cory Long</h1>
<h2 id="sub-headline">
<span class="software_text">Software</span>
<span class="typed"></span>
</h2>
</header>
<section id="do">
<div class="header-box">
<h3>What Do I Do?</h3>
</div>
<p>Work at MeTEOR Education creating software</p>
<p>Create fun projects in my spare time</p>
<p>Write quality code that is easy to read and extend</p>
<p>Create and maintain documentation of everything I make</p>
<p>Strictly follow security best practices</p>
<p>Never stop learning</p>
</section>
<hr>
<section id="know">
<div class="header-box">
<h3>What Do I Know?</h3>
</div>
<ul>
<li>Javascript, PHP, C#, Python and several other programming languages</li>
<li>How to design user friendly UX with VueJS, SASS, HTML5 Canvas, and other front end technologies</li>
<li>How to use Docker, configure Apache, manage NPM packages, exit VIM, and other Sys Admin tasks</li>
<li>How to write efficient queries in MySQL, MSSQL, and Elasticsearch</li>
<li>How to interpret data to make meaningful insights</li>
<!-- <li>How to ask a great question on <a target="_blank" href="https://stackoverflow.com/users/3774582/goose?tab=profile">Stack Overflow</a></li> -->
</ul>
</section>
<hr>
<section id="built">
<div class="header-box">
<h3>What Have I Built?</h3>
</div>
<div class="built-item row">
<div class="col-md-7">
<a target="_blank" href="https://merchantofthesixkingdoms.com/">
<img class="img-responsive img-rounded" alt="Merchant" src="resources/images/portfolio-merchant.png"/>
</a>
</div>
<div class="col-md-5">
<h4>Merchant of the Six Kingdoms</h4>
<p>
Merchant of the Six Kingdoms was created with VueJS over three years by myself and a team of fifteen artists and voice actors I led. It includes a complex freeform bartering gameplay mechanic. It has >90% review score on Steam.
</p>
<p>
<a target="_blank" href="https://merchantofthesixkingdoms.com/">See the promotional website</a>
</p>
</div>
</div>
<hr>
<div class="built-item row">
<div class="col-md-7">
<h4>Product Customization Engine</h4>
<p>This Product Customization Engine was built in my time at HC Brands using HTML5 Canvas and Fabric.JS. It includes a wide range of features including curved text, monochroming images, shapes, a large font selection, bulk ordering, and more.</p>
<p>
<a target="_blank" href="https://www.customsigns.com/design/color-sign-horizontal-3-x-6">View the site yourself</a>
</p>
</div>
<div class="col-md-5">
<a target="_blank" href="https://www.customsigns.com/design/color-sign-horizontal-3-x-6">
<img class="img-responsive img-rounded" alt="Product Customization Engine" src="resources/images/portfolio-wizard.png"/>
</a>
</div>
</div>
<hr>
<div class="built-item row">
<div class="col-md-7">
<a target="_blank" href="https://insights.meteorconnect.com/">
<img class="img-responsive img-rounded" alt="MeTEOR Connect Insights" src="resources/images/portfolio-meteor.png"/>
</a>
</div>
<div class="col-md-5">
<h4>MeTEOR Connect Insights</h4>
<p>MeTEOR Connect Insights allows MeTEOR Education customers to order products and manage quotes, service requests, and more. It makes heavy use of Elasticsearch for fast load times and excellent search results. It is one of several web based platforms I've built with the team at MeTEOR Education.</p>
<p>
<a target="_blank" href="https://insights.meteorconnect.com/">View the site yourself</a>
</p>
</div>
</div>
<hr>
<div class="built-item row">
<div class="col-md-7">
<h4>Landgrab</h4>
<p>Landgrab is a game where players build empires and fight for control of the world. It makes heavy use of the Google Maps API including over 15,000 polygons creating a grid on the earth.</p>
<p>
<a target="_blank" href="https://landgrab.xyz/">View the site yourself</a>
</p>
</div>
<div class="col-md-5">
<a target="_blank" href="https://landgrab.xyz/">
<img class="img-responsive img-rounded" alt="Landgrab" src="resources/images/portfolio-landgrab.png"/>
</a>
</div>
</div>
<hr>
<div class="built-item row">
<div class="col-md-7">
<a target="_blank" href="https://bigworld.io/">
<img class="img-responsive img-rounded" alt="Big World" src="resources/images/portfolio-bigworld.png"/>
</a>
</div>
<div class="col-md-5">
<h4>Big World</h4>
<p>Big World is a social network that takes place on Google Maps. It allows users to find interesting locations and learn about the world while talking with people across the world.</p>
<p>
<a target="_blank" href="https://bigworld.io/">View the site yourself</a>
</p>
</div>
</div>
<hr>
<div class="built-item row">
<div class="col-md-7">
<h4>Karma Dilemma</h4>
<p>Karma Dilemma is a game where humans and bots compete against each other in 2 by 2 decision matrix games. It includes a complete <a target="_blank" href="https://karmadilemma.com/api_docs">public API</a> for programmers to build bots to play the game.</p>
<p>
<a target="_blank" href="https://karmadilemma.com/api_docs">View the API Docs yourself</a>
</p>
</div>
<div class="col-md-5">
<a target="_blank" href="https://karmadilemma.com/api_docs">
<img class="img-responsive img-rounded" alt="Karma Dilemma" src="resources/images/portfolio-karmadilemma.png"/>
</a>
</div>
</div>
<hr>
<div class="built-item row">
<div class="col-md-7">
<a target="_blank" href="https://github.com/goosehub/Chess-Challenge">
<iframe width="448" height="252" src="https://www.youtube.com/embed/Ne40a5LkK6A?si=yEib3ql8mkwe-VSm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</a>
</div>
<div class="col-md-t">
<h4>Sebastian Lague Chess Challenge</h4>
<p>For the Sebastian Lague Chess Challenge, I created a bot themed around Rules of Thumb inspired by my favorite chess book, "The Wisest Things Ever Said About Chess" by Andrew Soltis. My bot placed 253 out of 629.</p>
<p>
<a target="_blank" href="https://github.com/goosehub/Chess-Challenge">View my entry yourself</a>
</p>
</div>
</div>
</section>
<section id="wrote">
<div class="header-box">
<h3>What Have I Written?</h3>
</div>
<div class="row">
<div class="col-md-6">
<div class="wrote-item row">
<div class="col-md-12">
<a target="_blank" href="https://css-tricks.com/working-towards-better-naming/">
<img class="img-responsive img-rounded" alt="MeTEOR Connect Insights" src="resources/images/portfolio-csstricks.png"/>
</a>
</div>
<div class="col-md-12">
<h4>CSS Tricks - Working Towards Better Naming</h4>
<p>A paid feature I wrote for CSS-Tricks along with the incredible Chris Coyier. It explored how the names we use in our code can have a significant impact on software projects.</p>
<p>
<a target="_blank" href="https://css-tricks.com/working-towards-better-naming/">Read yourself</a>
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="wrote-item row">
<div class="col-md-12">
<a target="_blank" href="http://ithare.com/how-to-consume-an-http-api/">
<img class="img-responsive img-rounded" alt="MeTEOR Connect Insights" src="resources/images/portfolio-ithare.png"/>
</a>
</div>
<div class="col-md-12">
<h4>How to consume an HTTP API</h4>
<p>A feature I wrote for ITHare, one of my favorite IT blogs. It provides a guide to robust and efficient API usage.</p>
<p>
<a target="_blank" href="http://ithare.com/how-to-consume-an-http-api/">Read yourself</a>
</p>
</div>
</div>
</div>
</div>
</section>
<hr>
<section id="holmes">
<div class="row">
<div class="col-md-8 col-md-push-2">
<div class="header-box">
<h3>What Is Holmes Custom?</h3>
</div>
<p>In 2015, Holmes Custom gave me my first opportunity to earn a living creating software. My responsibilities included migrating their brands from ASP.net to PHP on a Magento platform, developing a feature rich design wizard for creating customized products, developing systems to interact with Amazon, eBay, and several other 3rd party sellers, building internal tools and reporting systems, and more.</p>
</div>
</div>
</section>
<hr>
<section id="meteor">
<div class="row">
<div class="col-md-8 col-md-push-2">
<div class="header-box">
<h3>What Is MeTEOR Education?</h3>
</div>
<p>MeTEOR Education is my current home. I've work remotely since 2018 with a team from across the country. My responsibilities include creating and maintaining feature rich systems for employees and schools to manage quotes, projects, purchase orders, invoices, vendors, inventory, and more.</p>
</div>
</div>
</section>
<hr>
<section id="github">
<div class="row">
<div class="col-md-8 col-md-push-2">
<h3>Do I Have A GitHub?</h3>
<p class="lead text-center"><a target="_blank" href="https://github.com/goosehub">Yes</a>.</p>
</div>
</div>
</section>
<hr>
<section id="pdf">
<div class="row">
<div class="col-md-8 col-md-push-2">
<h3>Do I Have A PDF Resume?</h3>
<p class="lead text-center"><a target="_blank" href="resources/Cory_Long_Software_Engineer_Resume.pdf">Right Here</a>.</p>
</div>
</div>
</section>
<section id="where">
<div class="row">
<div class="col-md-8 col-md-push-2">
<h3>Where Am I?</h3>
<div id="map"></div>
</div>
</div>
</section>
<hr>
<section id="contact">
<div class="row">
<div class="col-md-8 col-md-push-2">
<h3>What Is My Contact?</h3>
<a href="mailto:goosepostbox@gmail.com">
<p id="email" class="text-center">goosepostbox@gmail.com</p>
</a>
<p class="lead text-center">Or use this contact form below:</p>
<form name="contactform" method="post" action="resources/contact-form.php">
<input type="hidden" name="bee_movie" value="">
<label>Your Name</label>
<input class="input form-control" type="text" name="name">
<label>Your Email</label>
<input class="input form-control" type="text" name="email">
<label>Your Message</label>
<textarea class="input form-control" name="message"></textarea>
<input class="input submit form-control" type="submit" value="Send">
</form>
</div>
</div>
</section>
<hr>
<footer>
<p>
<small>Thank you for reading!</small>
</p>
<p>
<a target="_blank" href="https://github.com/goosehub/resume/blob/master/index.html">View The Source Code</a>
</p>
</footer>
</div>
</div>
</div>
<!-- jQuery, dependency for Typed.js -->
<script type="text/javascript" src="resources/tools/jquery-3.2.1.min.js"></script>
<!-- Typed.js gives this page a nice touch -->
<script type="text/javascript" src="resources/tools/typed.min.js"></script>
<!-- My script, just google maps initMap() and typed.js init -->
<script type="text/javascript" src="resources/script.js?v1.1"></script>
<!-- Google Maps -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_lT8RkN6KffGEfJ3xBcBgn2VZga-a05I&callback=initMap"></script>
</body>
</html>