-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (112 loc) · 6.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Courtney Spurgeon</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="assets/basic_style.css">
<script src="assets/jquery1.9.min.js"></script>
<script src="assets/basic.js"></script>
<link rel="shortcut icon" href="favicon.ico?v=feb2013" type="image/x-icon" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21104743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="main_content">
<section>
<header class="nametag_wrap gradient">
<h2 class="nametag_title">Hello, <span>my name is</span></h2>
<h1>Courtney Spurgeon</h1>
<div class="nametag_bottom"></div>
</header>
<div class="tile_wrap effect">
<!-- ============= I am a =========== -->
<h3 class="tile_title">I am a</h3>
<div class="tile_content">
<p><span class="title">Frontend Dev:</span> for Rails and Magento, using: CSS/SASS, HTML, jQuery, Ruby/Rails, PHP, Magento and Wordpress.</p>
<p><span class="title">Rails Dev:</span> Mostly Line-of-business Rails apps. Worked the full Rails stack including views, controllers, models, unit testing, functional testing, and integration testing (using Capybara).</p>
<p><span class="title">Client Communicator:</span> Writing specs, communicating about features and timelines, go-between from devs to customers for eCommerce clients.</p>
<p><span class="title">UX Aficionado:</span> The most interesting part of the web, and the quickest way to make or break a site. I continue to learn all I can here.</p>
<p><span class="title">Wearer of many hats:</span> Most of my experience is at small companies and I love the variety of covering many roles in a day. This makes me versatile and a quick learner. If that interests you, please reach out.</p>
<p><span class="title">Sponge:</span> I want to understand everything I can about the environment and industry I find myself in. This has made me very valuable in unexpected ways in previous roles. I'm open with my thoughts, and open to feedback.</p>
</div>
</div><!-- end tile_wrap -->
<div class="tile_wrap effect">
<!-- ============= Past Projects =========== -->
<h3 class="tile_title">Past Projects</h3>
<div class="tile_content">
<div class="work_ex">
<p><span class="title">Rails Apps:</span> Contributed to a line-of-business app that collects and visualizes economic data about companies and industries. Weekly releases, hundreds of thousands of companies. Very fun project. (Titles blurred for NDA requirements.)</p>
<aside>Visualizing company economic data:</aside>
<img src="assets/img/rails_1.jpg" />
</div>
<div class="work_ex">
<p><span class="title">eCommerce Sites:</span> Frontend developer and client manager for Magento eCommerce site. Often I gathered requirements, wrote specs, and did development, sometimes paired with a backend dev or two.</p>
<aside>Jewelry flash sale site with > 150 orders a day:</aside>
<a href="http://www.baublebar.com/" target="_blank">
<img src="assets/img/ecommerce_1.png" />
</a>
</div>
<div class="work_ex">
<p><span class="title">Wordpress Sites:</span> Launched a Wordpress site with one backend developer. No design in place when I started, so also advised on template and layout issues. Fairly extensive customization of plugins and template using a child theme.</p>
<aside>Technology oriented community site for parents of teens:</aside>
<a href="http://parentalplanet.com/" target="_blank">
<img src="assets/img/wordpress_1.png" />
</a>
</div>
</div>
</div><!-- end tile_wrap -->
<div class="tile_wrap effect cycle" id="likes">
<!-- ============= likes =========== -->
<h3 class="tile_title">I like
<span class="show current">words</span>
<span>learning</span>
<span>adventure</span>
<span>creation</span>
<span>people</span>
</h3>
<div class="tile_content">
<img class="show current" src="assets/img/words.jpg" />
<img src="assets/img/learn.jpg" />
<img src="assets/img/adventure.jpg" />
<img src="assets/img/creativity.jpg" />
<img src="assets/img/people.jpg" />
</div>
<aside class="caption">
<span class="show current">Editing: say more with less</span>
<span>-Ira Glass. Fight your way through</span>
<span>Exploration is productive</span>
<span>:)</span>
<span>Accept that this is everyone</span>
</aside>
</div><!-- end tile_wrap -->
<div class="tile_wrap effect" id="contact">
<!-- ============= say hi =========== -->
<h3 class="tile_title">More about me</h3>
<div class="tile_content">
<a href="assets/documents/courtney_spurgeon_resume.pdf" target="_blank">
<img src="assets/img/resume.png" alt="View my resume" />
</a>
<a href="http://www.linkedin.com/pub/courtney-spurgeon/1b/53/847" target="_blank">
<img src="assets/img/link_logo.png" alt="LinkedIn" />
</a>
<a href="http://www.codeschool.com/users/cspurgeon" target="_blank">
<img src="assets/img/code_logo.png" alt="Code School" />
</a>
<img src="assets/img/github_logo.png" alt="Github available by request" />
</div>
<aside class="caption">
<span class="fill_out_email"></span>
</aside>
</div><!-- end tile_wrap -->
</section>
</div>
</body>
</html>