-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
218 lines (199 loc) · 15.8 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://www.w3.org/2006/03/hcard">
<title>Aaron U. Salmon | Auraworks | Design, Inspiration & the Internets of Tomorrow.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="robots" content="index" />
<meta name="robots" content="follow" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="7 days" />
<meta name="language" content="en-us" />
<meta name="keywords" content="auraworks, aaron salmon, acidargyle, chicago freelance, web design, colleaguery, web development, web designer, front-end devleopment, creative direction, UI design, html, xhtml, semantic markup, css, art director, usibility, SEO, web interface, interface design, inspiration, logo design, social networking, community building, aaron u salmon" />
<meta name="description" content=" Aaron U. Salmon's Auraworks | Design, Inspiration & the Internets of Tomorrow. " />
<meta name="distribution" content="global" />
<meta name="page-topic" content="home" />
<meta name="page-type" content="home" />
<meta name="rating" content="general" />
<meta name="classification" content="business" />
<meta name="author" content="Aaron Salmon" />
<meta name="copyright" content="Copyright © 2010 Auraworks" />
<meta name="microid" content="mailto+http:sha1:78aa332cee134eec115850c00ea04a19f0b43501" />
<link rel="openid.server" href="http://openid.claimid.com/server" />
<link rel="openid.delegate" href="http://openid.claimid.com/auraworks" />
<meta name="myid" content="4eb41f04-bf88-4376-8c76-94bb7fcdaed2" />
<meta property="og:title" content="Aaron U. Salmon's Auraworks | Design, Inspiration & the Internets of Tomorrow."/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.auraworks.com/"/>
<meta property="og:image" content="http://www.auraworks.com/assets/images/me.jpg"/>
<meta property="og:site_name" content="Auraworks Ltd."/>
<meta property="fb:admins" content="aaronsalmon"/>
<meta property="og:description" content="Aaron is a jovial lad, life enthusiast and a versatile User Experience Designer/Developer based out of Chicago, Illinois."/>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel='stylesheet' type='text/css' media='all' href="/assets/css/main.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="assets/css/ie.css" /><![endif]-->
</head>
<body>
<!--[if IE 6]>
<span id="ie6sad">
<strong>Your browser is out of date.</strong> It has known security flaws and may not display all features of this and other websites. It is recommended that you upgrade. The updated version of your browser is <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Internet Explorer 9</a>. Other popular browsers are <a href="http://www.mozilla.com/firefox/">FireFox</a>, <a href="http://www.apple.com/safari/">Safari</a>, <a href="http://www.google.com/chrome">Google Chrome</a> or <a href="http://www.opera.com">Opera</a>.
</span>
<![endif]-->
<div id="mainWrapper">
<div id="top">
<ul class="topNav">
<!--<li class="home"><a href="/" title="Auraworks Home"><span>Auraworks Home</span></a></li>-->
<li class="info"><a href="/" class="active" title="Insight & Info"><span>Insight & Info</span></a></li>
<li class="projects"><a href="/colleaguery" title="Projects & Colleagery"><span>Projects & Colleagery</span></a></li>
</ul>
<h1><span>Aaron Salmon's Auraworks | Design, Inspiration <span class="amp">&</span> the Internets of Tomorrow. v6</span></h1>
</div>
<div id="content">
<a href="https://auraworks.basecamphq.com/login" id="login">client login</a>
<h2>Welcome to Auraworks, Ltd. (this is an appengine test. - take 3.......)</h2>
<div id="side">
<div id="twitter_div">
<h3><a href="http://twitter.com/acidargyle" class="twitter-title" title="The latest from @acidargyle">The Latest...</a></h3>
<ul id="twitter_update_list">
<li>Contacting Twitter...<br/><em>(It may be down.)</em></li>
</ul>
</div>
</div>
<h3>Hello I'm Aaron U. Salmon, and you have arrived at the home of my online agenda. I'm a jovial lad and life enthusiast based out of Chicago, Illinois. As a versatile User Interface Designer/Developer, my goal is to architect, design and deliver hand-crafted, pixel-perfect creations. </h3>
<div id="center">
<div id="colRight">
<h4>What I do. (What I love.)</h4>
<p>I love the internets and I'm always on the lookout for interesting projects with fun people. My personal directive is to use my experience applying creativity, design principles, aesthetics and development skills towards the creation of professional, innovative products.</p>
<ul>
<li class="head">Skills <span class="amp">&</span> Experience</li>
<li class="desc">Every day I work with individuals, teams and businesses on a variety of internet projects.</li>
<li>Website Design / Redesign</li>
<li>Web Interface <span class="amp">&</span> Template Design</li>
<li><abbr title="Cascading Style Sheets">CSS</abbr> <span class="amp">&</span> XHTML / Front-End Development, Usability, <abbr title="Information Architecture">IA</abbr> <span class="amp">&</span> User Experience</li>
<li>Search Engine Optimization & Strategy</li>
<li>Blog, <abbr title="Content Management System (ex: Expression Engine, Drupal, Wordpress)">CMS</abbr>, eCommerce Setup <span class="amp">&</span> Styling</li>
<li>Logo Development, Branding <span class="amp">&</span> Identity</li>
<li>Social Marketing / Community Building</li>
<li>Creative Direction <span class="amp">&</span> Art Direction</li>
<li>Project Management <span class="amp">&</span> Client Communication</li>
<li>Content Development <span class="amp">&</span> Strategy</li>
</ul>
<h4>Contact Me</h4>
<p class="top">Learn more about <a href="/colleaguery" title="Projects & Colleaguery">my work</a>, or get in touch to discuss working together or just to chat!</p>
<div id="elsewhere">
<ul>
<li class="head">Elsewhere</li>
<li class="twitter"><a rel="me" title="Twitter" href="http://twitter.com/acidargyle"><span>Twitter</span></a></li>
<li class="claimid"><a rel="me" title="ClaimID" href="http://claimid.com/auraworks"><span>ClaimID</span></a></li>
<li class="linkedin"><a title="Linkedin" href="http://www.linkedin.com/in/aaronsalmon"><span>Linkedin</span></a></li>
<li class="facebook"><a rel="me" title="Facebook" href="http://www.facebook.com/profile.php?id=583038209"><span>Facebook</span></a></li>
<li class="myspace"><a rel="me" title="MySpace" href="http://www.myspace.com/acidargyle"><span>MySpace</span></a></li>
<li class="delicious"><a rel="me" title="Del.icio.us" href="http://del.icio.us/auraworks/"><span>Del.icio.us</span></a></li>
<li class="lastfm"><a rel="me" title="Last.fm" href="http://www.last.fm/user/Acidargyle/"><span>Last.fm</span></a></li>
<li class="goodreads"><a rel="me" title="GoodReads" href="http://www.goodreads.com/user/show/869771"><span>GoodReads</span></a></li>
<li class="iusethis"><a rel="me" title="iUseThis" href="http://osx.iusethis.com/user/acidargyle"><span>iUseThis</span></a></li>
</ul>
</div>
<div id="hcard-Aaron-U-Salmon" class="vcard">
<abbr class="rev extra" title="2008-11-19">November 19th, 2008</abbr>
<ul>
<li class="head">Info <em>(get <a href="/Aaron%20Salmon.vcf" title="My vCard">vCard</a> or <a href="/aaronSalmonResume2010x.pdf" title="My Resume">Resume</a>)</em></li>
<li>
<span class="fn n">
<span class="given-name">Aaron</span>
<span class="additional-name">U.</span>
<span class="family-name">Salmon</span>
</span>
</li>
<li class="org">
<span class="organization-name">Auraworks, Ltd.</span>
</li>
<li class="role extra">Web Art Director / Independent Contractor</li>
<li class="adr">
<a href="http://maps.google.com/maps?f=q&hl=en&q=Damen+%26+Clybourn%2FDiversey,+United+States&sll=41.9284,-87.658882&sspn=0.049808,0.081282&ie=UTF8&cd=2&geocode=0,41.931846,-87.677971&ll=41.931912,-87.678108&spn=0.199221,0.325127&z=12&iwloc=addr" title="Google Map for ZipCode 60618"><span class="locality">Chicago</span>
<span class="region">IL</span>
<span class="postal-code">60618</span>
<span class="country-name">USA</span></a>
<abbr class="tz extra" title="-06:00; CST; Chicago/North America;"></abbr>
</li>
<li class="geo extra">
<abbr class="latitude" title="41.932278">N 41° 41.932278</abbr>
<abbr class="longitude" title="-87.678105">W 87° -87.678105</abbr>
</li>
<li class="extra">
<abbr class="bday" title="1975-07-20">July 20, 1975</abbr>
</li>
<li class="tel">
<abbr title="work" class="type"></abbr>
<span id="tel">773.336.2872</span>
</li>
<li class="extra"><img src="http://www.auraworks.com/assets/images/me.jpg" class="photo" alt="It's a pic of me."/></li>
<li><a class="email" href="mailto:[email protected]" title="email me">[email protected]</a></li>
<li class="head">IM & Communication</li>
<li><a class="url" href="aim:goim?screenname=acidargyle" title="AIM">AIM: acidargyle</a><strong>AIM:</strong> <a href="aim:goim?screenname=acidargyle" title="AIM">acidargyle</a> <em>(preferred IM)</em></li>
<li><a class="url" href="xmpp:[email protected]" title="Jabber">Jabber: [email protected]</a><strong>gTalk:</strong> [email protected]</li>
<li><a class="url" href="http://www.icq.com/people/cmd.php?uin=8537803&action=message" title="ICQ">ICQ: 8537803</a><strong>ICQ:</strong> 8537803</li>
<li><a class="url" href="ymsgr:sendIM?acidargyle" title="YIM">YIM: [email protected]</a><strong>Yahoo:</strong> [email protected]</li>
<li><a class="url" href="msnim:[email protected]" title="MSN">MSN: [email protected]</a><strong>MSN:</strong> [email protected]</li>
<li><a class="url" href="skype:acidargyle?call" title="Skype">Skype: acidargyle</a><strong>Skype:</strong> acidargyle</li>
<li><a class="url" href="http://www.auraworks.com" title="auraworks.com">www.auraworks.com</a></li>
<li><a class="url" href="http://www.aaronsalmon.com" title="aaronsalmon.com">www.aaronsalmon.com</a></li>
</ul>
</div>
</div>
<div id="colLeft">
<h4>About Me</h4>
<p><img src="/assets/images/me.jpg" class="me" alt="It's a pic of me."/>I've been into Web Design <span class="amp">&</span> Development professionally since the gold rush of the late 90s and have passion for both technical growth and creative expression. My personal life in Chicago is an abundance of loved ones, culture, hilariousness <span class="amp">&</span> inspiration. </p>
<ul class="facts">
<li>I’m 35 years old.</li>
<li>I grew up in the Wisconsin countryside.</li>
<li>I’m left handed.</li>
<li>I’m <abbr title="06/20/09">married</abbr> to a <a href="http://www.lauralash.com" title="Laura Lash"> fantastic girl</a>.</li>
<li>I’m captain of <a href="http://www.yelp.com/biz/gold-star-bar-chicago" title="Gold Star Bar - Chicago">Gold Star Bar's</a> pool team.</li>
<li>I used to be a wedding DJ.</li>
<li>I have a hella green thumb.</li>
<li>I’m superstitious about two things.</li>
<li>I love my bike - and enjoy <a href="http://www.flickr.com/photos/auraworks/sets/72157622016827487/" title="bikes bikes bikes">building</a> new ones.</li>
<li>I also dig music, screenprinting, frisbee, cooking and coffee.</li>
<li class="more">
<a href="/colleaguery" title="Projects & Colleaguery">View some of my recent work.</a>
</li>
</ul>
<h4>Ideas, Ideals <span class="amp">&</span> Outlooks</h4>
<ul class="quote">
<li class="desc">Allow events to change you. - You have to be willing to grow. Growth is different from something that happens to you. You produce it. You live it. The prerequisites for growth: the openness to experience events and the willingness to be changed by them. <span>- From Bruce Mau's <a title="Bruce Mau's Incomplete Manifesto" onclick="this.target='_blank';" href="http://www.brucemaudesign.com/#112942">"Incomplete Manifesto"</a></span></li>
<li class="desc">"That's the disease you have to fight in any creative field... ease of use"<span> - Jack White</span></li>
<li class="desc">"To clarify add detail. Clutter and overload are not an attribute of information. They are failures of design..."<span> - Edward Tufte</span></li>
<li class="desc">"Censorship is telling a man he can’t have a steak just because a baby can’t chew it."<span> - Mark Twain</span></li>
<li class="desc">"Go forth under the open sky, and list to nature's teachings." <span>- William Cullen Bryant</span></li>
<li class="desc">"Get to the Chopper" <span>- Dutch</span></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div class="the_likes">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="aaronsalmon">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<iframe src="http://www.facebook.com/plugins/like.php?href=www.auraworks.com&layout=box_count&show_faces=true&width=55&action=like&font=lucida+grande&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:55px; height:65px;" allowTransparency="true"></iframe>
</div>
<p class="copyright">Copyright <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" title="Creative Commons Copyright">©</a> 2000-2010 by Auraworks, Ltd. & Aaron Salmon<br/>
Site uses valid: <a href="http://validator.w3.org/check?uri=referer" title="XHTML Validation">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.auraworks.com" title="CSS Validation">CSS</a> | <a href="http://wave.webaim.org/report?view=icons&url=http%3A%2F%2Fwww.auraworks.com" title="Accessibility">Accessibility</a> | <a href="http://hcard.geekhood.net/referrer/" title="hCards">hCard</a></p>
<p>The site is hand-coded in XHTML Strict with CSS that comply with W3C standards. <br/>
Created on a <abbr title="I love my Macs">Mac</abbr> using: <a href="http://www.adobe.com/products/creativesuite/" title="Adobe Creative Suite">Adobe Creative Suite</a>, <a href="http://macromates.com/" title="TextMate">TextMate</a>, <a href="http://macrabbit.com/" title="CSSEdit">CSSEdit</a> and the <a href="http://www.planet.dk/fonts/" title="Planet Estyle">Planet Estyle</a> font.
</p>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3761684-2");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/aaronsalmon.json?callback=twitterCallback2&count=12"></script>
</body>
</html>