This repository has been archived by the owner on Feb 6, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
229 lines (167 loc) · 9.94 KB
/
about.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,300,700,500,100,700italic,500italic,400italic,300italic,100italic' rel='stylesheet' type='text/css'>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ted Patterson / About</title>
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="lean/lean-slider.js"></script>
<link rel="stylesheet" href="lean/lean-slider.css" type="text/css" />
<script type="text/javascript" src="jquery/scrolltotop.js"></script>
<script type="text/javascript" src="jquery/jquery.js"></script>
<!--my stylesheets -->
<link rel='stylesheet' media='all' href="style.css" />
<link rel='stylesheet' media='all and (max-width: 700px)' href='mobile.css' />
<script type="text/javascript">
WebFontConfig = { fontdeck: { id: '34543' } };
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
</head>
<body>
<div class="content" >
<h1 class="mobile"><a class="name-link" href="http://www.tedpatterson.io">Ted Patterson</a></h1>
<header id="header-content">
<h1>
<a class="name-link">Ted Patterson</a>
</h1>
<nav>
<ul>
<li class="leftmost"><a class="work" href="#work">Work</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="title">
<h2 class="about">Raised at the feet of the Smokies, eyes constantly focused on peaks in the distance, it didn't take long for these feet and hands to begin that climb.</h2>
</div>
<div class="words about">
<p class="">After contributing to several companies and working within cultures across 4 different countries, I've realized firsthand just how fast this world and it's systems are changing. I'm 99.9% sure that we can thank the internet for this, but I'm pretty convinced the accessibility of bus, boat, and balloon tickets might have played a part in this shift, as well. Regardless of what's gone down, I'm all for accepting and wielding this reality and these tools on a daily basis.</p>
<p>About 7 years ago and after taking this progessive oath I stumbled into photography and graphic design. Just recently it's happened again with web design and I'm thankful for these stumbles because they've allowed me to clear new paths to what's changing in this world and I won't be straying from these three anytime soon.</p>
<!-- <p>Computers (whatever size they may be) and the internet have done an amazing job at picking up the storytelling torch from other types of runners in the history of our communication tools and I have realized through trial and error that I not only have the desire to parcipate, but I have the skills, talent, and drive to get myself and a team to the finish line.</p> -->
<p>It's also important to note that I've always been a big dreamer. Whether it was learning how to memorize several pieces in a German song cycle or backpacking off the beaten path to find that perfect camping spot on the Great Wall, I've always wanted to bridge the gap, to go the distance. My abilities to set logic-driven goals, adapt at a moment's notice, and to analyze / push graphic and appication designs set my strides apart and have allowed me to cut through to new trails of progression, personality, and optimization.</p>
<p class= "bottom">I'm currently residing in the U.S. southeast and am taking on brand design, graphic design, web design, and web development projects. If you're looking to build something new or refine a design or application that's already in action, feel free to shoot a message my way.</p>
</div>
<div class="side-col-top">
<p><span class="bold mobile-edit">Contact me</span></p>
<p><a href="mailto:tedjpatterson@gmail.com">tedjpatterson@gmail.com</a></p>
</div>
<div class="top20 side-col-top">
<p><span class="bold">On the web</span></p>
<p><a href="http://instagram.com/tedjpatterson">Instagram</a>, <a href="https://www.linkedin.com/pub/ted-patterson/72/583/877">LinkedIn</a>, <a href="http://pinterest.com/tedjpatterson/spark">Pinterest</a>, <a href="https://https://open.spotify.com/user/1279163424/playlist/4prZ0o3JFuA13tU1hTpARV">Spotify</a></p>
</div>
<div class="top20 side-col-top">
<p><span class="bold">Current obsessions</span></p>
<p>Ruby on Rails
<p>Joys and pains of learning Mandarin</p>
<p>Proper IPA brewing techniques</p>
<p>Mirrorless cameras</p>
<p>Accessible, renewaable energy</p>
<p>Tame Impalla</p>
</div>
<div class="full-image nobottom">
<img src="images/about/M1s.jpg"/>
</div>
<div id="work" class="clear"></div>
<div class="hack"></div>
<footer>
<div class="content">
<h2>My work<i class="center fa fa-chevron-right fa-2x"></i></h2>
<a href="http://www.codekickoff.com" target="blank">
<div data-content="I started up a free programming practice meetup & group for people living in Knoxville." class="image right top">
<img class="top" src="images/codekickoff/W1s.jpg"/>
</div>
</a>
<a href="http://www.growbioplastics.co" target="blank">
<div data-content="Over a weekend, I helped a startup build up a communicative website and a strong marketing strategy. " class="image">
<img class="top" src="images/growbioplastics/W1s.jpg"/>
</div>
</a>
<a href="http://knoxec.com/what-we-do/programs/codeworks/overview/" target="blank">
<div data-content="I mentored six startups and fine-tuned the image of a new code-focused accelerator." class="image right smartair">
<img src="images/codeworks/W1s.jpeg" />
</div>
</a>
<a href="mapsneedreading.html">
<div data-content="I crafted a website and cross-platform media that represented a Knoxville-based band's recently released EP. " class="image">
<img src="images/mapsneedreading/W1s.jpeg"/>
</div>
</a>
<a href="smartair.html">
<div data-content="I refined the image of a DIY air purification startup that has challenged the status quo of a dishonest and profitable product." class="image right smartair">
<img src="images/smartair/W1s.jpg" alt="" />
</div>
</a>
<a href="jingsing.html">
<div data-content="After reconnecting with a friend from my days couchsurfing through New Zealand, I helped build up a choir and its brand." class="image jingsing">
<img src="images/jingsing/R1.jpg" alt="" />
</div>
</a>
<a href="jaccc.html">
<div data-content="I was commissioned by a Beijing based brewery and comedy crew to create a few event posters and some wild label concepts." class="image right jinga">
<img src="images/jaccc/D2.jpg"/>
</div>
</a>
<a href="juicebm.html">
<div data-content="I created basic t-shirt designs, menus, and brochures for a juice cleanse company." class="image juicebm">
<img src="images/juicebm/T1s.jpg"/>
</div>
</a>
<a href="countrygentlemen.html">
<div data-content="I found three other musicians that wanted to jam around town and, naturally, ended up becoming a graphic artist. " class="image countrygentlemen">
<img src="images/countrygentlemen/C1.jpg" alt="" />
</div>
</a>
</div>
<div class="words aboutme">
<h4>Connect with me.</h4>
<ul class="icons">
<li><a href="https://www.linkedin.com/pub/ted-patterson/72/583/877" target="blank"><i class="fa left-side mobile-left-side fa-linkedin fa-2x"></i></li></a>
<li><a href="https://https://www.twitter.com/tedjpatterson" target="blank"><i class="fa fa-twitter fa-2x"></i></li></a>
<li><a href="https://github.com/tedpatterson" target="blank"><i class="fa fa-github fa-2x"></i></li></a>
<li><a href="https://www.pinterest.com/tedjpatterson/spark/" target="blank"><i class="fa left-side mobile-left-side fa-pinterest fa-2x"></i></li></a>
<li><a href="https://instagram.com/tedjpatterson" target="blank"><i class="fa left-side mobile-left-side fa-instagram fa-2x"></i></li></a>
<li><a href="mailto:tedjpatterson@gmail.com" target="blank"><i class="fa left-side fa-envelope fa-2x"></i></li></a>
</ul>
</div>
<div class="clear"></div>
</footer>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var slider = $('#slider').leanSlider({
directionNav: '#slider-direction-nav',
controlNav: '#slider-control-nav',
});
}); </script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12867043-3']);
_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>
<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-12867043-4', 'tedpatterson.io');
ga('send', 'pageview');
</script>
</body>