-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (110 loc) · 12.4 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
---
layout: default
---
<section>
<h2>About Curtis</h2>
<p>Spendlove. Yup. <span style="font-family: 'Source Sans Pro';">/spend/ - /ləv/</span> It sounds just like it's spelled. One can imagine the jokes. And I surrounded myself with friends who thought the jokes were much more humorous when we were teenagers than when we were adolescents.</p>
<p>I'm a husband, father, author, and coder. During the daytime I write mind-numbingly large enterprise applications to put steak on the table. When the sun sets I don my tights and cape and work on smaller, personal projects...the culmination of which have recently added a salt and pepper shaker to the table.</p>
<p><em>I don't <span style="text-decoration: line-through">really</span> <strong>usually</strong> code in tights or a cape</em>.</p>
<p>I first knew I was destined to write code when I shipped my first Macintosh application in the 90's. I was irritated by dying continually in Descent. So, I wrote Descent Saved Game Editor. DSGE followed the UNIX tradition: do one task and do it well...allow the user to hack their saved games with vastly superior armor, weaponry, and ungodly quantities of ammunition.</p>
</section>
<section>
<h2>Resume</h2>
<h3><strong>Curtis Spendlove</strong></h3>
<div><strong>Level 39 <em>Web Developer</em></strong></div>
<div><span>I've been developing for the web since 1996, the past 20 years (of course back then it was using Perl, through CGI).</span></div>
<h3>Primary Skills</h3>
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
<span class="text-left">HTML</span>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
<span>JavaScript</span>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
<span>CSS</span>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
<span>Ruby</span>
</div>
</div>
</section>
<section>
<h2>Stuck?</h2>
<div>
<p>Chances are high you have inefficiencies (or complete blocks) in your technology chain. Let's work together to figure them out.</p>
<p>The timegrid below indicates my availability. I'm free for sustained, focused work in the weeks coded blue. But we can always have a quick chat or email conversation starting at <a href="mailto:[email protected]">[email protected]</a>. Or reach out to me on the services below the timegrid.</p>
<p>The results of this conversation will help me create a roadmap <!-- TODO: link to sample roadmap --> focusing on improvement areas in your technology chain.</p>
<p>(I'm *almost* always booked out a few weeks in advance, so you should reach out soon.)
</div>
<div><strong>2016</strong></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">January</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">February</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">March</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">April</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">May</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: red; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">June</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">July</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">August</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">September</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">October</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">November</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"><span style="margin-left: 4px;">December</span></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: #337ab7; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: silver; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
<div style="width: 25%; height: 1.4em; color: white; background-color: silver; float: left; border-right: 1px solid white; border-bottom: 1px solid white;"></div>
</section>
<section>
<div style="font-size: 3em; text-align: center;">
<a href="https://twitter.com/curtisspendlove"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/cuspendlove"><i class="fa fa-facebook" aria-hidden="true"></i></a></a>
<a href="https://www.linkedin.com/in/curtisspendlove"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/curtisspendlove"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="http://stackexchange.com/users/8315655/curtis-spendlove"><i class="fa fa-stack-overflow" aria-hidden="true"></i></a>
</div>
</section>
<!--
<section>
<h2>Contact</h2>
<div><span>Please feel free to contact me for any reason. Submitting an entry in the form below sends an immediate message to me, I'll get back to you as quickly as possible.</span></div>
</section>
-->