<!---
I somehow knew you'd find your way behind the curtain. I wish I would have spent some time cleaning 
up instead of making this stupid thing...

+$DNN8?=====~+7IIII?+=~,,~..................................,...,=??~~:,,,,,,,,......====INDDDDDDDDD
?7DNDD++==+++++?+???++++==................................,,,,,,,:::,.,..............====INNNNMNNNND
::::,..,,~==++++????II777$7I7IIII???=+==~~~::,,,........,,~:...........,,.,..........=++++====OMNNNZ
..........,,,,::::::::,,::::::::~~::::~I$ZZZZOOOOOOOO$I???II7Z8O$Z8OOO8888DDD88888888D8888ZZZ$8NNND7
NNNNDDDNDNDNNNNNNNNNNNNDDDDDDD88888OOZZOO$ZNNDNNNDDZ77$$$7$$$7$ZOO88888888888888888888D8DO8DNNNNDNND
OOO888888DDDDDNDNNNNNNNNNNNNNNNNNNNNNNND8Z77ZZZO7II$$$OOZ$ZZO777ODDD888NNDDDNDDNDDONMMDDNNNNNNNNNNNN
DDDDDDNNNDDDNNNNNNNNNNNNNNNNNNDDND88888OOZZOZII7ZZZZOZ$OZOOOOOOZZ$ODDDDNM88888OZZZ$ONNODNNNDNNDDNDDD
:~~=~=~+===================+++??III77II$ZO8O$$ZZ$ZZOOOO88O$ZO8OO$$7I7$7$$ZNZ7$$$$77$7D$DDNNDDDDDDDDD
I~,,,,,~++++++++++++++++++++++++++?II7$7Z8$OOOODDNNZ$ZO8OOOOOOO88Z$$7I?+==N8=+++==~~~$7$DDDNDDDDDDDD
~,.,,,,~++++++++++++++++++++++++++I77O8OZO8DO8DDOOODZ8DNNNNDODD8DD8OZZ$$$7O8?~~~~~~=====ZNNDDDDDDDDD
:,.,,,,:++++++++++++++++++++++++?I$Z$ZZO88888D88D8Z8N8D8DN8DMDNMNDND8Z$$$$$$7+~~::++=+=+DNNDDDDDDDDD
??.:,,::++++?++++++++++++++++++77$$OZZO8OO8DDDODDDDD8DNNND8NNNNMNNNND88OOZZZZ7I,.~?===7=DDNNNDDDDDDD
$Z.:~.,,++????++++++++++++++?$$Z$ZO$Z$88888DDND88D8DDNNN8OD88DNNMMMMNDD8OOOZOZOZ7~?+:=?=DNDNDDDNDDDD
...:~,,:+??????????????????7Z$8ZOO$O8O8NNDD8D888D888O888D8DNNDNNMMMMMMND8OOOZZ$$ZO??==++NNNNDDDDDDDD
...,...,:::::~=~=+++??IIII7$ZO8Z8ZOZ8DD88DDD888D888D8DDD88DNNNDDNNMMMMMND8D8OZ$$77$Z$O++NNNNNDDDDDDD
:,,.............,,,,,..,=I$$Z88ZOZZ8ODO888DOO8DDDDD88NNDDDNNNNNDDNNNNNNNDDDDD88OZZZ$7II$8NNNNNNDDDDD
NNNNNNNNNNNNNNNNNNNNMNN$$$ZOODZ8ZOO8O88DD8OO8D88NDO8DDDNDDDNDNDDN8DNN8DDNNNNNDD888O88DDD8DDDDDDDDDDD
NNNNNNNNNNNNNNNNNNNNMNN$ZOZ8DDOOZO8888D88888888N8ODO88NDDDDDD8DDDND8ND8DNNNND88DOO8ON$NNNNDND++?I$ND
NDDDDNNDDDDNDDDDDDDDD8ZOOZOO8O8ZO888DDD88DDD8DDO8OO88D88OO8ODD888DD88NDO8DNMDD8O8ZOOD$NNDN8OZ~..,.DO
$7$7$$$$$ZZZZZZZZZZZZOZ88Z888OOO88D888O888DDD8888888OZ$$$$$OO888ODDD88DD8DDDD8D8O7++====$ZZ$ZZ..,.7O
....,,,:~+?+++++++++?OODZOZ888ODD8OOOOO88888O88O88ZZ7I?IIII7ZO8O88DD88DND88DDDD887::::,,=7Z$$7::::+7
?II.,,,,~???????+++??Z8ZZOZOOODDD8ZZ77Z8DD8OOZ$ZZ$7I?+++=+?I$$O888DDD8DNN8DD88D88Z:.,,,:?I8Z77II+:++
=~~.::::~????????????O8OZZZO88ND88Z7?+OODDO8Z$77II?==~=~==++77O8888DD8DDN8NDDD8N88?~:,,,?7Z77$$7+=~?
$7+.::::~???????????I8Z8ZZO88DN8Z$?+~=?IZZOO7??I??=~~~==~~=+?7$ZOD8DDDDNNDNDDDDDD8Z~:~=:7ZI?=+??~?+=
$Z$.::,,:???IIIIIIII78$OZO8N8OZI=?=:,,,,::==~~===~~:::~:~~~++??7$8DDNNNNNDNNDDNDN8O=~$$DN$?+===~~:,:
~~~.:~:,~IIIIIIIIIII$O$ZZODDO$+::::,,,,,,,,,,,::::::::::~~~==++?7ODDNNNNNDNNDNNDD8O??7NMN87Z7??I+:::
=========+????II77$$ZOZZOODDO?:,,,,....,,,.,,,,,,,,,,::::::~~~==?7Z8DDNDNDDNNNDDD8+~?IMMNNOO$++++=~~
+++==~:::,,,,,,,.,,,+ZZZZ8D87~,,,..,..........,,,,,,,,,,:,:::~~~=+II$88NNN8NNDDDDO==?7NNMD8D8I++????
NNNNNDNNNNNNNNNNNNND8ZZZZ8DO=~::,,,........,,,,,,,,,,,,,,::~~~~===++?7ZDNN8NNNNNNO$ZZDNDOZ?7O?==++?I
NNNNNNNNNNDOI=:::::~~~~~~~~~~~~:::::::~::,,,,,,,,,,,,,::~:~==~::::~=~~~~=~~~~~~~~~=IZDMNN$$7Z.:~~~.:
MMMND:::~==+=~~~~~~~~~~:~~~~~~~~~~:::~==~~:::::,::::::::~~~==~~::~~~~~~~~~~~~~=~=~======~~~~=7=~===~
MMMMO=+++I~:::~~?$8DDDDDDDO$ZOOOOO$?=~~==~~~~~~~~=======~~~~+788DD888OZZO88OOZOO7=~===~~+==+=??IIIII
MMMM8~+??7+:~O8,+88DDDD8DDOZOOOOOO88D8D$==~::~~~~~=====~~$88OOOOOOOO8888O8DDDD88OO$,+~=I?+?+~,,,,,::
MMMM8=++7~~~ZDNDD+.+O8888OZ$ZZZO8D8ODD888~~~~~:~=++==~~=Z=.IO8DDD88OOO8OO8NNNND8ZOZ.8+===7I~~++?+??+
MMMMN~~=:~=+DDDZ8D8OO7:.:=+?77$ZZZ$888DOO$~=~:===+??=::IDOO$:,IOODDD8OOOOODNNDD8ZO$:8Z~+~~=~==??????
MMMMNM?=~:~7$87,?88O8OZ8O$7II+==IOZ$8D+==+==,~~==++I=::$,$$8OZ$:~O8888OZOZONNDD8ZOO:D8~====7I?+IIII?
MMMMMNM==:~$:$:$OOI,=$ZOZ$777$Z$ZZOOOZOZ88~=:=~==++?+::Z8?,7ZOZO88887$$$$$Z8NNDOZZ$$,Z====IOOO8DDDDD
MMMMNMM?+~~7:~?~$~=Z88ZI:.,~+II7$$ZZZZZZ?~~======++?I=~I:IO7.?$$ZOOOZ7+,.:?$DD8O$O$ZZ:=~~=ZZZ$777III
NNNNNNNO=~~ZO,+~:?~=Z7=,,=?+??+?I$ZZI,~IZ======+????I+==ZZ,+Z$?ZZZZZZ$77777+,,IZOZ$IZ8=~~+MMMNNNND88
MMMMNNDN~~~7D88=.=+::=~+:,,=++?III7II7II$:+=+++++++??I?+OO?7,~$$$$ZZZI7I7$$$OD$I?8ZO8D:~=?77ZZOOZZ8N
MMMMMNNMI=~+NNDNND7:::::,.,+??III~,~?II7I=====++++++??II$OO?:?7$$$Z$77I+~:,:IO$$O888DD~~=Z$ZOOO$ZI$O
MMMMMMMMM=~~ODDNNNNND7I$7II?III???III7II====~~~=++?++?I7?OOZ$$$7$7:.:::~=+??IO$$8DDDDI==?DDDDDDNDDDD
MMMMMMMMMO=~+NNDDNNNDI+=7I7I7II7I777777===========+???I77?OZ$$Z?~=??77777$$ZDZ7$8DD8O~+=8DDDDDDDD8DD
MMMMMMMMMM+::+NND8NNO+++I77777I77777$$====~====++++????I7IIOZZZ$$$$$$$$$$ZZO8$$$ZDD8~=+7DD8O8DD8DDDD
MMMMMMMMMMM==~=NNNND8?7D$7$777777777$?=?+=====+++++???I777I7OZZZZZZZZZZZZOZO88$ZZZZ~+=IMMDOZZZZZZZZZ
MMMMMMMMMNNM==~~7NNNDID8Z77$$$$$7$$$:+=???++=+++????II77$?7I?OOZOOZZZZZZOOO8NDDZ7I~=~?MMMD?II+=:::~~
MMMNMMMMMMMMM$=~~~+8NZ8ND7$$ZZZ$I~~=+~???????????IIII77$887??+=7OOZOZOOOOZZDNNN?~~=~$NMMMD==?======+
,,,,,:~~=+I77ODI=~~~~~:~~~~~~~==+==:I$7IIIIIIIIIIIII7$77OOZZ?+++=~~~=++???++~~===~INNDMMMNI+=++++++=
:,,~:,,,,,,,::IMMN$=~~=~====~~~~+IIIIIII?7III7II7777$$$Z77$$$77I+====++=+++===~?7I$NNNNNNMD7=++++===
=,=,,,,,,,,,:=?DOO77$$$ZOOI???+++++++++=+=?7$$$$$$$Z$7II???IIIII7II7777$7$ZONNNN$IONND8$.,,,OOOOZ$77
,:,,.,.,,,:~==?8OZI????????????++++++=====+=+7$$$7?III??++++?IIIIIII77777$DNNNNNNMNNNMNNNMNMMMNNDD88
~~~~~~~=====+?IDND8DNNDDNDD????++++===~~====+++????IIII???+++???II7777777NNNNNNNNNNNNNNNDDNDDNMMMMMM
==~~~~~~~===+I?77ZZ8DNNNNNNZ??+?++++=======+++?+??+???II???+?+?III777777ZMMMMMMMMMMMNN8$777OZOODNNMM
============++7I77$ZD7+II=I+??+???+++==++=====+++?+?+?????II???III777777??$DMMMMMMMMNN87:=~=I7777ION
==========+=++I77I77=+?=77?II??++??+++?+++====+????II++++??7I??IIII7II777I???+??+$NMNND$?,::~?+I777O
++++??++++++++I$?+7?777I77I77I??+??++++++++?IIII7I77777II?IIIIIIIIIIII$$Z77Z7I?7I????+IO$=~======+=+
~~~=~~=+=+$7+++=7II?77?$I7$$7II????+?????I$Z$$Z$$$ZZOZZZZ$77IIIIIIIII$D$$$7$ZZZZ777?III??++====+++++
~~~~==++I=??77I?+Z$I$$$7IZ$$$7?7I??????IIII??+?7$$77II?7$$7IIIIIIIIIZDNNZZ$$$$$$$$7IIII77$$??++=?IIZ
====~7$7ZO7$7I7?+IZIZ$IZ7Z$Z$$?I$???????III77I?????II7ZZ$7IIIIIIII7$DDNO$ZZ$$$$ZZ$$77IIIIIIIII$I+??D
=7?I?II7I$Z7$III+?$$$$IO$7Z$$$I?I$???????IIII7777$$$$Z$7777IIIIIII$$DD8$$ZZ$$$$$$$$$$$7777III?I?II7I
7I???77777$$$$7II?IOZZ77O$$ZZ$$II7$I?????I?III7$ZOZ$77IIIIIIIIII7Z7DO8O$$ZZ$$$$$$$$$$$$$777I7IIIII?I
?77ZO7?I777Z$$$7III$OZZ7Z8$ZZZZZIIIZ$7I?????IIII7$7IIIIIIII7777$Z7OZ88O$$$ZZ$$$$77$$$$$$$777777IIIII
=+II7$8Z?I$$ZZ$Z77I7Z8Z$7Z8$OZZZ87IIZO$I??++????I?IIII???II7$$ZO$ZZO88$$$$Z$$$$$777$$$$$$$77777I7III
?+???77787I$$ZO$Z777$OZ$$$O8$OZOZDZI7$O$II+++????????????I7$ZZO7ZD8O8O7$$$Z$$$$$$$7$$7$7$$77777777II
$7?I7777I$ZI7$ZO$O$77ZZZ$Z$88ZOOOO8D77$8Z7??++++????????II$Z8Z7D8OO88Z7$$$$$$$$$$$77$$777$$77777777I
II$?I$$$$77O77$ZO$O$77ZZ$$$$ZDZO8O8ODDDZZO7II????????II7$$Z8ZNDOOO88Z77$$$$$$$$$$$777777777777777777
777$I7$Z$$77O7$$Z$$Z$7$ZZ$$$$ODOO8888888N88$$77IIIIII7$$ZODNDZ8O888O$$$$$$$$$$7$$7$$7$$$$77$$7777777
777$$7$$ZZ$7ZZ$$$$$$Z77ZZ$$$$$OD8O8888888D8NDOZ777$77$ZO8NZ88O8O88Z$7$$$$$7$7777777777$$777$$$777777
$7$$Z7$ZZZO7$O$ZZ7$$7O7$Z$$$$Z$O8DO8888D88888DD8DDD88D88DO8OO88OOZ$$7$$$$$$$$$7777$77$$$777$$$777777
$$$$Z$7ZZZO$$OZ$Z$$$$ZZ7ZZ$$$$$ZODDOO8888D888888DD888888888OOOOO$$7$$$$$7$$$$77777777777$$7$$$77$777
7Z$Z$O$ZZOZ$$OO$ZZ$$$78Z$ZZ$$$$ZZO8D8ZO88888888888888888OOOOOOZ$$$7$$$$$$77777777777777$$777$777$$$7
$$ZZZO$ZZZO$$OOZ$O$$Z$$D$7ZZ$$$$$$O88DOOOO8888888888888O88OZZ$$Z$$$$$$77$$$7777777I7777$$777$$77$$Z$
$$ZZOOZZZZO$$ZO$$OZ$ZZ$Z8$$$$$$$$$$O88DOOOOOOOOO8OOOOOZZZZZZ$$$$$$$$$$$7$7$$77777I7777777$777$7777$Z
Z$ZOZ8ZZZZOZ$ZZ$$ZO$$Z$7OO$$$$$$$$ZZO8OD8OOOO88OOOOOOZZ$Z$$$$$$$$$$$$$7777777777III7777777777$77777$
                                                                               
--->

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Hey, I'm Matt Hopson</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <meta name="robots" content="noindex, follow">
        <meta name="robots" content="index, nofollow">
		<meta name="robots" content="noindex, nofollow">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<link href='http://fonts.googleapis.com/css?family=Raleway:400,800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Mako' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="/assets/css/jquery.lightbox-0.5.css">
        <link rel="stylesheet" href="/assets/css/styles.css">
        
        <script src="/assets/js/jquery.js"></script>
        <script src="/assets/js/jquery.lightbox-0.5.js"></script>
        <script src="/assets/js/scripts.js"></script>
        
        <script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-2864384-5']);
		  _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>
        
    </head>
    <body>
    	<div class="contained">
    		<div id="headBar">
    			    			<div id="headBox">
    				<div id="headCircle">
    					<div id="headMatt"></div>
    					<br class="clearfloat" />
    				</div>
    			</div>
    		</div>
    		
    		<br /><br />
    	</div>
		<section id="banner">
			<img src="assets/images/banner_overlay.png">
		</section>
		<div class="contained">
			<div class="sectionSep">
    			<span class="sectionSepHeader">About Me</span>
    			<br class="clearfloat" />
    			<div id="sectionReferences" class="sectionIcon"></div>
    		</div>
    		<br class="clearfloat" />
    		
			<h1>Hi, I'm Matt.</h1>
			<p>I'm a UX-<strong>obsessed</strong>, ambi-brainer living in Dallas, TX - and I think out loud.</p>

			
			<div class="sectionSep">&nbsp;</div>
    		
			<div class="qualItem firstCol">
    			<div class="contentBox contentBoxTop">
    				<div class="content">
    					<!-- <img src="/assets/images/icon_design.png"> --> <span style="margin-top:-5px;">Things I Love</span>
    				</div>
    			</div>
    			<div class="contentBoxBreak"></div>
    			<div class="contentBox contentBoxBottom">
    				<div class="content">
    					<ul>
	    					<li>My way-cool wife</li>
	    					<li>Space and science</li>
	    					<li>Building and riding motorcycles (especially the old ones)</li>
	    					<li>Camping / Hiking / Kayaking</li>
	    					<li>Exploring</li>
	    					<li>Hacking / Learning new stuff</li>
    					</ul>
    				</div>
    			</div>
    		</div>
    		
    		<div class="qualItem qualItemMid">
    			<div class="contentBox contentBoxTop">
    				<div class="content">
    					<!-- <img src="/assets/images/icon_dev.png"> --> Things I Do
    				</div>
    			</div>
    			<div class="contentBoxBreak"></div>
    			<div class="contentBox contentBoxBottom">
    				<div class="content">
    					<ul>
    						<li>UI Design</li>
    						<li>Application Architecture</li>
    						<li>Database Design</li>
    						<li>Front End Development</li>
    						<li>Back End Development</li>
    						<li>Problem Solving - Like a Boss</li>
    				</div>
    			</div>
    		</div>
    		
    		<div class="qualItem">
    			<div class="contentBox contentBoxTop">
    				<div class="content">
    					<!-- <img src="/assets/images/icon_design.png"> --> Things I Want to Do
    				</div>
    			</div>
    			<div class="contentBoxBreak"></div>
    			<div class="contentBox contentBoxBottom">
    				<div class="content">    					
    					<ul>
    						<li>Dream up and build awesome things people love to use.</li>
    						<li>Ride motorcycles around the world.</li>
    						<li>Eat ice cream on The Moon.</li>
    					</ul>
    				</div>
    			</div>
    		</div>
    		
    		<div class="clearfloat"></div>
    		
    		<br /><br /><br />
    		<div class="sectionSep">
    			<span class="sectionSepHeader">How I Roll</span>
    			<br class="clearfloat" />
    			<div id="sectionReferences" class="sectionIcon"></div>
    		</div>
    		<br class="clearfloat" />
    		
    		<section class="techIcons">
    			<a class="html5" target="_blank" href="http://www.w3.org/TR/html5/"></a>
    			<a class="php" target="_blank" href="http://php.net"></a>
				<a class="coldfusion" target="_blank" href="http://www.adobe.com/products/coldfusion-family.html"></a>
				<a class="jquery" target="_blank" href="http://jquery.com"></a>
				<a class="angular" target="_blank" href="http://angularjs.org"></a>
				<a class="node" target="_blank" href="http://nodejs.org"></a>
				<a class="mysql" target="_blank" href="http://mysql.com"></a>
    		</section>
		</div>

    	<br /><br />
    </body>
</html>