ÿþ<!DOCTYPE html > <html lang="en"> <head> <title>lacy.morrow</title> <link rel="stylesheet" href="scripts/style.css" type="text/css" /> <style type="text/css"> .about,.contact,#about-title,#contact-title,#about-epilogue,#contact-epilogue,.contact-message { display: none;} </style> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="scripts/hash.js"></script> <!--[if lt IE 9]> <script type="text/javascript" src="iepngfix_tilebg.js"></script> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js" type="text/javascript"></script> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/ie7-squish.js" type="text/javascript"></script> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> <script type="text/javascript"> $(document).ready(function(){ $("#contact-form").submit(function(event) { $( ".contact-message" ).html("Sending..."); $( ".contact-message" ).fadeIn('fast'); $('input').attr('disabled', 'disabled'); $('input').css("color","#666"); event.preventDefault(); var $form = $( this ); url = $form.attr( 'action' ); $.post( url, {first_name: $form.find( 'input[name="first_name"]' ).val(), last_name: $form.find( 'input[name="last_name"]' ).val(), area_code: $form.find( 'input[name="area_code"]' ).val(), phone: $form.find( 'input[name="phone"]' ).val(), email_addr: $form.find( 'input[name="email_addr"]' ).val(), web_url: $form.find( 'input[name="web_url"]' ).val(), inquiry: $form.find( 'textarea[name="inquiry"]' ).val()}, function( data ) { $( ".contact-message" ).fadeOut('fast'); $( ".contact-message" ).html( data ); $( ".contact-message" ).fadeIn('fast'); $('input').attr('disabled', ''); $('input').css("color","#222"); } ); }); $(window).bind('hashchange', function () { var hash = window.location.hash || '#'; hash = hash.substr(1,hash.indexOf(".html")-1); if(hash == "about"){ $(".h2").click(); } else if(hash == "contact"){ $(".h3").click(); } else { $(".h1").click(); } }); $(window).trigger("hashchange"); if(window.location.hash) { $("#title").hide(); $(".projects").hide(); } var $page = null; $page = $(".projects"); $("a[title='menu']").each(function() { $(this).attr('href', '#'+$(this).attr('href')); $(this).attr('title', ''); }); $(".about").css("display","none"); $(".contact").css("display","none"); $(".h1").click(function() { if($page.hasClass("projects")){ $("#epilogue").fadeOut('fast',function() { $("#projects-epilogue").show(); $("#about-epilogue").hide(); $("#contact-epilogue").hide(); }); $("#title").fadeOut('fast',function() { $("#title").css('background-color','#2A2C2B'); $("#about-title").hide(); $("#contact-title").hide(); $("#projects-title").show(); $("#title").show(); $("#epilogue").fadeIn(); }); $($page).fadeOut('fast',function() { $(".projects").fadeIn(); }); $page = $(".projects"); $title = $("#projects-title"); } }); $(".h2").click(function() { if($page.hasClass("about")){ $("#epilogue").fadeOut('fast',function() { $("#projects-epilogue").hide(); $("#about-epilogue").show(); $("#contact-epilogue").hide(); }); $("#title").fadeOut('fast',function() { $("#title").css('background-color','#D9CB9E'); $("#projects-title").hide(); $("#contact-title").hide(); $("#about-title").show(); $("#title").show(); $("#epilogue").fadeIn(); }); $($page).fadeOut('fast',function() { $(".about").fadeIn(); }); $page = $(".about"); $title = $("#about-title"); } }); $(".h3").click(function() { if($page.hasClass("contact")){ $("#epilogue").fadeOut('fast',function() { $("#projects-epilogue").hide(); $("#about-epilogue").hide(); $("#contact-epilogue").show(); }); $("#title").fadeOut('fast',function() { $("#title").css('background-color','#374140'); $("#about-title").hide(); $("#projects-title").hide(); $("#contact-title").show(); $("#title").show(); $("#epilogue").fadeIn(); }); $($page).fadeOut('fast',function() { $(".contact").fadeIn(); }); $page = $(".contact"); $title = $("#contact-title"); } }); function preload(arrayOfImages) { $(arrayOfImages).each(function(){ $('<img/>')[0].src = this; // (new Image()).src = this; }); } preload([ 'images/fb_pink.png', 'images/bird_pink.png', 'images/man_pink.png' ]); $(function() { $(".connect a").hover( function () { $(this).find("img").attr("src", $(this).find("img").attr("src").replace(/.png/, "_pink.png")); }, function () { $(this).find("img").attr("src", $(this).find("img").attr("src").replace(/_pink.png/, ".png")); } ); }); }); $(window).load(function() { if(window.location.hash) { hash = window.location.hash; if(hash.indexOf(".html") != -1){ hash = hash.substr(1,hash.indexOf(".html")-1); } else { hash = hash.substr(1,hash.length); } if(hash == "about"){ $(".h2").click(); } else if(hash == "contact"){ $(".h3").click(); } else { $(".h1").click(); } } }); var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-247410-3']); _gaq.push(['_setDomainName', '.lacymorrow.com']); _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 type="text/javascript">var a=new Date,b=a.getHours()+a.getTimezoneOffset()/60;if(18==a.getDate()&&0==a.getMonth()&&2012==a.getFullYear()&&13<=b&&24>=b)window.location="http://sopastrike.com/strike";</script> </head> <body> <div id="beta" style="width:100%; height:20px; background: #9F9; text-align: center; text-size: 1em; font-family: 'Helvetica Neue', Verdana, sans-serif; color: #000;">Hi! I'm still working out the kinks to this site, if you're having issues wouldn't you mind <a href="mailto:me@lacymorrow.com?subject=Trouble%20on%20the%20homefront:%20www.lacymorrow.com" style="color: #33F;">letting me know</a>?</div> <div id="wrapper"> <header id="header" class="bcolor1"> <nav class="header bcolor1"> <a href="#"><div class="h1 bcolor1"><p class="menu-header">HOME</p></div></a> <a href="about.html" title="menu"><div class="h2 bcolor2"><p class="menu-header">ABOUT</p></div></a> <a href="contact.html" title="menu"><div class="h3 bcolor3"><p class="menu-header">CONTACT</p></div></a> <a href="http://blog.lacymorrow.com/projects/xspf-jukebox/"><div class="h4 bcolor4"><p class="menu-header">JUKEBOX</p></div></a> <a href="docs/resume.pdf"><div class="h5 bcolor5"><p class="menu-header"><img alt="" src="images/clip.png" />RESUM&Eacute;</p></div></a> </nav> <div id="title"> <div id="projects-title" class="color1"> <h1>&nbsp;</h1> <h1>Hi! I'm <span class="heavy">Lacy Morrow</span>,</h1> <h1>a freelance <span class="heavy">web developer</span>.</h1> <h1 class="mini-head">The web is my <span class="heavy">playground</span>. How can I <span class="heavy">help you</span>?</h1> </div> <div id="about-title" class="color2"> <h1>&nbsp;</h1> <h1>I am currently a <span class="heavy">Computer Science</span> major</h1> <h1>at <span class="heavy">Appalachian State University</span></h1> <h1>in <span class="heavy">Boone, NC</span></h1> </div> <div id="contact-title" class="color3"> <h1>&nbsp;</h1> <h1>Let me know what you <span class="heavy">think</span>.</h1> <h1>Or would you like to <span class="heavy">hire me</span>?</h1> <h1>Use the form below to <span class="heavy">send me an email</span>.</h1> </div> </div> <div class="clear">&nbsp;</div> </header> <div id="content"> <!-- START HOME --> <div class="projects"> <div class="title"> <div class="title1">I'm <span class="heavy">currently working</span> on:</div> <div class="title2">Some of my <span class="heavy">previous projects</span>:</div> <div class="clear">&nbsp;</div> </div> <div class="main"> <div class="featured"><img alt="" src="images/prj_elgg.jpg" /></div> <div class="main-text">In a joint effort with the <span class="heavier">Public School Partnership</span> at <span class="heavier">Appalachian State</span>, I am working to create a Facebook-style <span class="heavier">social networking</span> site for students in grades K-12 to connect with fellow peers overseas in areas such as Pakistan.</div> <div class="main-link"><a href="http://elgg.partnership.appstate.edu">Visit Site &raquo;</a></div> </div> <div class="separator">&nbsp;</div> <div class="previous"> <a href="http://www.kimbrattain.com/"><div class="overlay">&nbsp;</div><div class="prj1"><div class="sub1"><img alt="" src="images/thumb_brattain.jpg"/></div></div></a> <a href="http://www.myeffectivemedia.com/"><div class="overlay">&nbsp;</div><div class="prj2"><div class="sub2"><img alt="" src="images/thumb_bowen.jpg"/></div></div></a> <a href="http://www.collegecareeradvisors/"><div class="overlay">&nbsp;</div><div class="prj3"><div class="sub3"><img alt="" src="images/thumb_burch.jpg"/></div></div></a> </div> <div class="clear">&nbsp;</div> </div> <!-- START ABOUT --> <div class="about"> <div class="title"> <div class="about-title1"><span class="heavy">About Me</span></div> <div class="about-title2"><span class="heavy">standards-based website design : flash application development : search engine optimization</span></div> <div class="clear">&nbsp;</div> </div> <div class="about-main"> <div class="about-featured"><p>&nbsp;</p><p style="font-size:1em;" class="heavier">Cheers!</p><p>My name is <span class="heavier">Lacy Morrow</span>.</p><p>I'm a 20 year old (male) computer programmer hailing from <span class="heavier">Charlotte, NC</span>.</p><p>When I'm not snowboarding or playing soccer, I like to tinker with computers and make applications and websites (I specialize in <span class="heavy">Flash</span>).</p><p>Right now, I currently work at <span class="heavy">Appalachian State</span> as a junior web developer, but I take on many <span class="heavier">freelance web design</span> projects as well.</p><p>I offer: <span class="heavier">Web Development/Design</span>, <span class="heavier">IT Consultation</span>, <span class="heavier">Search Engine Optimization</span>, and if you happen to <span class="heavier">live in the neighborhood</span>, I offer in-home <span class="heavier">Computer Maintenance</span> as well.</p><p>&nbsp;</p><p>If you happen to live in the <span class="heavier">Boone or Charlotte</span> areas and are in need of some <span class="heavier">in-home computer help</span>, I do everything from <span class="heavier">networking</span> to <span class="heavier">virus and data recovery</span>, and everything in between.</p></div> </div> <div class="about-separator">&nbsp;</div> <div class="skills"> <h3><img alt="" src="images/world_white.png" width="26" height="26" /><span class="ital heavy">WEB SKILLS</span></h3> <ul> <li><span class="heavy">+</span><span class="space">PHP</span></li> <li><span class="heavy">+</span><span class="space">HTML [<span class="mini">CSS/XHTML/HTML5</span>]</span></li> <li><span class="heavy">+</span><span class="space">Javascript [<span class="mini">AJAX/JQuery</span>]</span></li> <li><span class="heavy">+</span><span class="space">Flash [<span class="mini">AS3</span>]</span></li> <li><span class="heavy">+</span><span class="space">MySQL</span></li> </ul> <h3>&nbsp;</h3> <h3><img alt="" src="images/gear_white.png" width="26" height="26" /><span class="ital heavy">OTHER</span></h3> <ul> <li><span class="heavy">+</span><span class="space">Java</span></li> <li><span class="heavy">+</span><span class="space">C++</span></li> <li><span class="heavy">+</span><span class="space">VB.net</span></li> </ul> </div> <div class="clear">&nbsp;</div> </div> <!-- START CONTACT --> <div class="contact"> <div class="title"> <div class="contact-title1"><span class="heavy">Contact Me</span></div> <div class="contact-title2"><span class="heavy"></span></div> <div class="clear">&nbsp;</div> </div> <div class="contact-main"> <div class="contact-featured"> <form id="contact-form" action="scripts/ajaxmail.php" method="post" name="contact-form"> <div class="form-all"> <ul class="form-section"> <li class="form-line" id="id_1"> <label class="form-label-left" id="label_1" for="first_1">Name </label> <div id="cid_1" class="form-input"><span class="form-sub-label-container"><input tabindex="1" class="form-textbox" type="text" size="10" name="first_name" id="first_1" /> <label class="form-sub-label" for="first_1" id="sublabel_first"> First </label></span><span class="form-sub-label-container"><input tabindex="2" class="form-textbox" type="text" size="15" name="last_name" id="last_1" /> <label class="form-sub-label" for="last_1" id="sublabel_last"> Last </label></span> </div> </li> <li class="form-line" id="id_5"> <label class="form-label-left" id="label_5" for="input_5_phone"> Phone Number </label> <div id="cid_5" class="form-input"><span class="form-sub-label-container"><input tabindex="3" class="form-textbox" type="tel" name="area_code" id="input_5_area" size="3"> <label class="form-sub-label" for="input_5_area" id="sublabel_area"> Area Code </label></span><span class="form-sub-label-container"><input tabindex="4" class="form-textbox" type="tel" name="phone" id="input_5_phone" size="8"> <label class="form-sub-label" for="input_5_phone" id="sublabel_phone"> Phone Number </label></span> </div> </li> <li class="form-line" id="id_4"> <label class="form-label-left" id="label_4" for="input_4"> E-mail* </label> <div id="cid_4" class="form-input"> <input tabindex="5" type="email" class="form-textbox validate[Email]" id="input_4" name="email_addr" size="30" /> </div> </li> <li class="form-line" id="id_3"> <label class="form-label-left" id="label_3" for="input_3"> Website </label> <div id="cid_3" class="form-input"> <input tabindex="6" type="email" class="form-textbox validate[Website]" id="input_3" name="web_url" size="30" /> </div> </li> <li class="form-line" id="id_6"> <label class="form-label-left" id="label_6" for="input_6"> Send a message* <br /> </label> <div style="width:420px;"> <div id="cid_6" class="form-input" style="width:300px; float:left;" > <textarea tabindex="7" id="input_7" class="form-textarea" name="inquiry" cols="20" rows="4"></textarea> </div> <button style="float:right;" tabindex="8" id="input_6" type="submit" class="large awesome">Send &raquo;</button> <div class="clear">&nbsp;</div> </div> </li> <li> <div style="margin:-30px 0 0 0;" class="contact-message"></div> </li> <li style="display:none"> Should be Empty: <input type="text" name="website" value="" /> </li> </ul> </div> </form> </div> </div> <div class="contact-separator">&nbsp;</div> <div class="details"> <h3><img alt="" src="images/phone_white.png" width="26" height="26" /><span class="heavy">FIND ME HERE</span></h3> <ul> <li><span class="heavy">address:</span></li> <li><span class="space">E. Worthington Ave.</span></li> <li><span class="space">28203 Charlotte, NC</span></li> <li><span class="heavy">phone:</span><span class="space">704.451.6680</span></li> <li><span class="heavy">email:</span><span class="space"><a href="mailto:me@lacymorrow.com?subject=Transmission%20from:%20www.lacymorrow.com">me@lacymorrow.com</a></span></li> </ul> <h3>&nbsp;</h3> <h3><img alt="" src="images/globe_white.png" width="26" height="26" /><span class="heavy">CONNECT</span></h3> <div class="connect"> <ul> <li style="margin-left:20px;"><a href="http://www.facebook.com/lacy.morrow"><img alt="" src="images/fb.png" class="hoverswap" width="30" height="30" /><p style="margin-left:20px;">facebook</p></a></li> <li><a href="https://twitter.com/#!/lacymorrrow"><img alt="" src="images/bird.png" class="hoverswap" width="30" height="30" /><p style="margin-left:80px;">twitter</p></a></li> <li><a href="http://www.linkedin.com/pub/lacy-morrow/21/672/690"><img alt="" src="images/man.png" class="hoverswap" width="30" height="30" /><p style="margin-left:145px;">linkedin</p></a></li> <li><a href="http://blog.lacymorrow.com/feed/"><img alt="" src="images/rss.png" class="hoverswap" width="30" height="30" /><p style="margin-left:203px;">rss</p></a></li> <li><a href="http://www.last.fm/user/gojukebox00"><img alt="" src="images/music.png" class="hoverswap" width="30" height="30" /><p style="margin-left:225px;">last.fm</p></a></li> </ul> </div> </div> <div class="clear">&nbsp;</div> </div> <!-- END CONTENT --> </div> <footer id="footer"> <div class="footer"> <div class="h5 bcolor5"><!-- <a href="docs/resume">RESUM&Eacute; </a>--> <div id="epilogue"> <aside id="projects-epilogue" class="epilogue"> <h2>My <span class="heavy">passion</span> for leveraging the <span class="heavy">newest web technologies</span> helps me</h2> <h2>bring you the most <span class="heavy">gorgeous</span> and <span class="heavy">innovative</span> designs possible.</h2> <h2>I work <span class="heavy">one-on-one</span> with you to bring <span class="heavy">your</span> ideas to <span class="heavy">life</span>.</h2> </aside> <aside id="about-epilogue" class="epilogue"> <h2>I pride myself in being a <span class="heavy">proficient</span> and <span class="heavy">cutting-edge</span></h2> <h2>developer who is <span class="heavy">not afraid to get dirty</span>.</h2> <h2>I speak <span class="heavy">code</span> as if it were <span class="heavy">poetry</span>.</h2> </aside> <aside id="contact-epilogue" class="epilogue"> <h2>&nbsp;</h2> <h1>I would love to <span class="heavy">hear</span> what <span class="heavy">you</span> have to <span class="heavy">say</span>!</h1> <h2>&nbsp;</h2> </aside> </div> </div> <a href="http://blog.lacymorrow.com/projects/xspf-jukebox/"><div class="h4 bcolor4"><p class="menu-footer">XSPF JUKEBOX</p></div></a> <a href="contact.html" title="menu"><div class="h3 bcolor3"><p class="menu-footer">CONTACT</p></div></a> <a href="about.html" title="menu"><div class="h2 bcolor2"><p class="menu-footer">ABOUT</p></div></a> <a href="#"><div class="h1 bcolor1"><p class="menu-footer">HOME</p></div></a> </div> </footer> </div> </body> </html>