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
/
untitled.html
226 lines (162 loc) · 9.55 KB
/
untitled.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
<!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" href="css/animations.css">
<link rel='stylesheet' media='all' href="css/about-overrides.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" href="index.html">Ted Patterson</a>
</h1>
<nav>
<ul>
<li class="leftmost"><a class="work" href="work.html">Work</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="blog.html">Blog</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="full-image">
<img class="half-left" src="images/countrygentlemen/P3.jpg">
<img class="half-right" src="images/countrygentlemen/P4.jpg">
</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>Joys and pains of learning Mandarin</p>
<p>Proper IPA brewing techniques</p>
<p>Mirrorless cameras</p>
<p>Accessible renewaable energy tech</p>
<p>Tame Impalla</p>
</div>
<div class="full-image nobottom">
<img src="images/about/M1s.jpg"/>
</div>
<div 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="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 top">
<img class="top" src="images/mapsneedreading/W1s.jpg"/>
</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 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 right 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 jinga">
<img src="images/jaccc/D2.jpg"/>
</div>
</a>
<a href="youthgroup.html">
<div data-content="I collaborated with a church youth group in Tennessee on the root meaning of a scripture verse and what it is to be known." class="image right youthgroup">
<img src="images/youthgroup/C2.jpg" alt="" />
</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 right countrygentlemen">
<img src="images/countrygentlemen/C1.jpg" alt="" />
</div>
</a>
<div class="words aboutme">
<!-- <a href="about.html"><h4 style="text-decoration:line-through">About Me</h4></a> -->
<ul class="icons">
<li><a href="https://instagram.com/tedjpatterson"><i class="fa left-side fa-instagram fa-2x"></i></li></a>
<!-- <li><a href="https://https://www.behance.net/tedpatterson"><i class="fa fa-behance fa-2x"></i></li></a> -->
<!-- <li><a href="https://dribbble.com/tedpatterson"><i class="fa fa-dribbble fa-2x"></i></li></a> -->
<li><a href="https://www.linkedin.com/pub/ted-patterson/72/583/877"><i class="fa left-side fa-linkedin fa-2x"></i></li></a>
<li><a href="https://www.pinterest.com/tedjpatterson/spark/"><i class="fa left-side fa-pinterest fa-2x"></i></li></a>
<li><a href="mailto:tedjpatterson@gmail.com"><i class="fa left-side fa-envelope fa-2x"></i></li></a>
</ul>
</div>
</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>