<!--

	It looks as if I've piqued your interest since you're checking the source code. Thumbs up!
	
	                                                M++MM.                          
	                                            . DM~~=++ZMMM..                     
	                                    M    MI~~~~~~~~++++++N.                     
	                                 .=OM  ,M=~~~~~~~~~~+++++?8.                    
	                                 .M~~~~~~~~~~~~~MMM~+++++++=M$                  
	                                 .M~~~~~~M.,$MM8,,~M++++++++=MO                 
	                                  MD~~~+N,,,,,,,,,,:ZMM:::MM++M:                
	                                 :M~MMM,,,,,,,,,.,,,:::::::M+++M                
	                                 .M~M,?,,,,,,,,,,,+M::::::M?+++M.               
	                                  OM,,,,,,,,,,,,,,,,,::::DD=+++M                
	                                 .?Z,,Z~,,,,.,,,,,,,:::::M=M+?+M                
	                                 .M,,,MM,,,M,,,.,MMO:::::M:M:+MM.               
	      ...~...                    MM,,,,,,,M,,,,,,,,D:::::~:ZMMM.                
	     .M.,,,M.                   .M=,,,,,,M,,,,,,,,,,::::::Z:MMM                 
	     M,,,,,M.                   .M:,,,,,.M8,,,,,,,,,::::::::MM .                
	     ~,,,,M,.                    MZ,,,,,,,.,,,,,M,,,:::::::::M                  
	     ~,,,,M                     .MM,7N,,,,,,,,:MMMM,:::::::::M..                
	     M,,::M                      .M.7M......... M$M:::::::::MM                  
	     .=::::M                      MM,,,IMM7IMMM,,,=:::::,MMM,                   
	.MMMMMMMM:::,M.                   .M?,,,,,,?,,,,,,:::::~M+                      
	M,,,,,,,,=M7::MM                    M~,,,.,..,,,,:::::MM...                     
	M,,,,,,,,,,M,::MMM .. .              MM,,,,,,,,,::::OMM::MM..                   
	8~.OMMMM.,,NN::,M++$MMMMMMMMMMMMMMMMOI=MM,,,,,,::::::N::::MI7MN..               
	:Z.,,,,,,MMM:::,8M++++++++++++++++++++I:::MM~:::::::M:::::M7777ZM,              
	M,,,,,,,,,,.M::M:M=+++++++++++++++++++?=:::MMMMMMMM::::~:MI7777777MM.           
	 M,,Z8I,,,,,M:IM:M7I=++++++++++++++++++M:::::::::::::::OM77777777777MN..        
	 M,,,,,,,8MM,::N:M7777I+++++++++++++++++M::::::::::::MM777777777777777M,        
	 M,,.,,,,,,M8:M~:777777777I+++++M+++++++M::::::::7MMD777777777777777777OM..     
	  MMMM878MMZ:M::777777777I77777OM+++++++M::::::=Z77777777777777777777777IM. .   
	 .  MMM$+$MM$:M7777777777$NMM..~M++++++?I::::::M77777777777777777777777777D+    
	        .. ..7OMMMMOI......... IM++++++M:::::::M7777777777777777777777777777M   
	                              .IM++++++M:::::::M7777777778O7777777777777777IIM  
	                               =M++++++M:::::::M7777777777ZZMM7I7777777777777$M 
	                               ~M++++++M:::::::M7777777777ZZZZMMMMI777777777ZZM 
	                                M++++++M:::::::O777777777ZZZZZM..  M7777777ZZZM 
	                                M++++++M::::::$7777777777ZZZZZM  .M7I77777ZZZD. 
	                                M++++++M::::::8777777777$ZZZZMM  D7777777ZZZZM  
	                                M++++++M::::::8777777777ZZZZZM  =877777ZZZZZM.  
	                                MM?++++M::::::8777777777ZZZZZM .M7777ZZZZZZM,   
	                                77~MZ++M::::::?77777777$ZZZZZM M777ZZZZZZZM,.   
	                                 M:::MMM:::::::87777777ZZZMMMMM7$ZZZZZZZ$DM     
	                                 M:::::::::::::MMMMMMMD:~~~~8MMMMZZZZZZZ8M.     
	                                 M:::::::::::::::::::::~~~~~$M=:MMZZZZZ8M.      
	                                 M8:::::::::::::::::::~~~~~~?M::::MMMMM8..      
	                                 OMM::::::::::::::::::~~~~~~~M::::::MZ8M        
	                                 .M++MMN:::::::::::::::=MMMM8M:::::$,::MI       
	                                  M++++7IIOMMMMMMMMMD$ZZZZZZZNM:::::MM:M        
	                                  M++++777777777777777ZZZZZZZZM+::::::MI        
	                                  M8+++777777777777777ZZZZZZZZOM,. . . .        
	                                  DM+++777777777777777ZZZZZZZZZMM               
	                        $ .:$MMO  ..~=+777777777777777ZZZZZZZZZ$MM              
	                       .D ,M$MO.      ..77777777777777ZZZZZZ=...                
	                                           ............
	
	Onto what you're really looking for. (Don't worry, I never do this in professional production code.)
	
-->
<!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">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>8HRS.NET &middot; The Portfolio of Gary T. DuVall</title>
		<meta name="keywords" content="gary duvall, chicago, portfolio, project management, web development, design, 8hrs, 8hrs.net" />
		<meta name="description" content="8hrs.net is the portfolio showcase of project manager and web developer Gary T. DuVall, currently residing in Chicago, Illinois." />
		<script src="/assets/scripts/js/jquery-1.4.1.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="/assets/scripts/js/fancybox/jquery.easing-1.3.pack.js"></script>
		<script type="text/javascript" src="/assets/scripts/js/fancybox/jquery.fancybox-1.3.0.pack.js"></script>
		<script type="text/javascript" src="/assets/scripts/js/specialsauce.js"></script>
		<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"  media="screen" />
		<link rel="stylesheet" type="text/css" href="/assets/scripts/js/fancybox/jquery.fancybox-1.3.0.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="/assets/css/site.css" media="screen" />
		<!--[if gt IE 6]>
		<link rel="stylesheet" type="text/css" href="/assets/css/ie-omg.css" media="screen" />
		<![endif]-->
	</head>
	<body>
		<div id="content">
			<div id="left-column">
				<div id="masthead">
					<h1 class="red">Gary T. DuVall</h1>
					<h2>february 2010</h2>
				</div>
				<div id="summary">
					<h1 title="Protip: There are secrets in this here site.">About Me</h1>
					<p>Twelve years of multi-disciplinary, award-winning industry experience. Likes to lead while getting his hands dirty. Has a passion for developing both engaging, content-rich user interfaces suited to audience and the production of underlying, functional code to enrich the overall user experience. Cool under pressure and has a keen sense of humor about him.</p>
				</div>
				<div id="status">
					<h1>Current Status</h1>
					<p>Available for full-time, freelance, or contract assignment. Offers involving remote assignments or relocation outside the Chicago, Illinois area will be considered.</p>
				</div>
				<div id="resume">
					<h1>Résumé</h1>
					<ul>
						<li><a href="/resume/Resume_Gary_DuVall_0110.pdf">PDF, 1.18MB</a></li>
						<li><a href="http://www.linkedin.com/in/duvallg">@LinkedIn</a></li>
						<li><a href="http://www.creativehotlist.com/gduvall">@Creative Hotlist</a></li>
					</ul>
				</div>
				<div id="contact">
					<h1>Contact</h1>
					<ul>
						<li><a href="mailto:i@8hrs.net">i@8hrs.net</a></li>
						<li>312.285.0228</li>
					</ul>
				</div>
				<div id="association">
					<h1 title="Learning, like reading, is fundamental.">Associations</h1>
					<ul>
						<li><a href="http://www.ixda.org">Interaction Design Association</a></li>
						<li><a href="http://www.linkedin.com/groups?gid=2129872">Palm webOS Developers Group</a></li>
					</ul>
				</div>
				<div id="qr">
					<h1 title="Yes, I'm just a bit nerdy too.">QR Code</h1>
					<p>If you have a QR code-ready mobile device, just point your camera at the following block to instantly retrieve my contact information.</p> 
					<img src="/assets/images/vcf_qr_code.png" alt="QR Code for Contact Information"/>
				</div>
			</div>
			<div id="center-column">
				<h1>Project Management, User Experience, &amp; Web Development</h1>
				<h2><span title="Never forget the dark days of Netscape 4.">industry professional since 1998</span> &middot; additional details <a href="/resume/Resume_Gary_DuVall_0110.pdf">available in resume</a></h2>
				<div id="center-content">
					<div id="asterisk">(* Site is no longer available for public viewing in its original form.)</div>
					<h3>Selected Projects </h3>
					<div class="project">
						<a href="http://reason.com"><img src="/assets/images/projects/reasoncom.jpg" alt="Reason Magazine Online" /></a>
						<h4><a href="http://reason.com">Reason Magazine</a> &raquo;</h4>
						<p>Project leadership and ongoing management; UI/UX prototyping, design, and development; feature ideation and development; IA for 40 years of content; and ongoing enhancement to our proprietary content management system. Reason Magazine, as a result, became a Webby Award Honoree in 2008 and also took home awards that same year for Best News Organization Website (1st Place) and Best Design and Layout (2nd Place) in the L.A. Press Club Awards.</p>
					</div>
					<div class="separator">&nbsp;</div>
					<div class="project">
						<a href="http://reason.tv"><img src="/assets/images/projects/reasontv.jpg" alt="Reason.tv" /></a>
						<h4><a href="http://reason.tv">Reason.tv</a> &raquo;</h4>
						<p>Project leadership and ongoing management; art direction; technical UI/UX development; feature ideation and development; media integration and channel distribution; content management system development.</p>
					</div>
					<div class="separator">&nbsp;</div>
					<div class="project">
						<a href="http://radiohibiki.com"><img src="/assets/images/projects/radiohibiki.jpg" alt="Radio Hibiki for Palm webOS" /></a>
						<h4><a href="http://radiohibiki.com">Radio Hibiki</a> &raquo;</h4>
						<p>Designed and developed the highly-rated SHOUTcast&trade; player for Palm's webOS mobile platform utilizing AJAX (Prototype); HTML5 Storage &amp; Audio; CSS; and Palm's Mojo SDK, generating nearly 22,000 downloads during the 90-day beta period alone. Radio Hibiki has received the coveted ‘Featured’ status in Palm’s App Catalog and been widely praised. Developed as a personal foray into the mobile market segment.</p>
					</div>
					<div class="separator">&nbsp;</div>
					<div class="project">
						<a href="http://taxfoundation.org"><img src="/assets/images/projects/tfcusa.jpg" alt="Tax Foundation" /></a>
						<h4><a href="http://taxfoundation.org">Tax Foundation</a> &raquo;</h4>
						<p>Project leadership and ongoing management; art direction; ongoing IA for nearly 80 years of publications and documents; content management system development.</p>
					</div>
					<div class="separator">&nbsp;</div>
					<div class="project">
						<a href="http://thefire.org"><img src="/assets/images/projects/firefb.jpg" alt="FIRE on Facebook: Speech Code of the Month" /></a>
						<h4><a href="http://thefire.org">FIRE</a> &raquo;</h4>
						<p>Project management; social media integration utilizing the Facebook Platform; ongoing site UI and content management system development. <sup>(*)</sup></p>
					</div>
				</div>
			</div>
			<div id="footer"></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">
			try {
				var pageTracker = _gat._getTracker("UA-12863279-1");
				pageTracker._trackPageview();
				} catch(err) {}
		</script>
		<!-- Start Quantcast tag -->
		<script type="text/javascript">
		_qoptions={
			qacct:"p-32DmXlqDirw4-"
		};
		</script>
		<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
		<noscript>
			<img src="http://pixel.quantserve.com/pixel/p-32DmXlqDirw4-.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
		</noscript>
		<!-- End Quantcast tag -->
	</body>
</html>