<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Jordan Patton's Personal Website">
    <meta name="author" content="Jordan Patton">
    <title>Jordan Patton</title>
    <link rel="shortcut icon" href="img/favicon.png" />
    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css" />
    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script type="text/javascript">
      (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-3536462-1', 'auto');
      ga('send', 'pageview');
    </script>
  </head>
  <body>
    <div class="content">
      <!--center-wrap...-->
      <div style="position:absolute;display:table;width:100%;height:100%;overflow:hidden;" class="center-container">
        <div style="#position:absolute;#top:50%;display:table-cell;vertical-align:middle;" class="center-helper">
          <div style="#position:relative;#top:-50%;margin:0 auto;" class="center-content">
            <!--center-content...-->
            <div class="logo cross-fade">
              <div class="back">
                <div class="message">
                  <img src="img/photo-2.jpg" alt="Jordan Patton" />
                  <p>Hi, I'm Jordan Patton! I'm a user experience researcher, designer, and developer. For a sample of my work, please see my <a href="http://portfolio.jordanpatton.com" title="Portfolio">portfolio</a>.</p>
                  <p>(Contact me for the password.)</p>
                </div>
              </div>
              <div class="front" ontouchstart="javascript:this.classList.add('hover');var self=this;window.setTimeout(function(){self.style.zIndex=-9999;},500);return false;">
                <a href="http://portfolio.jordanpatton.com" title="Portfolio"><img src="img/logo-1.png" alt="Jordan Patton" /></a>
              </div>
            </div>
            <div class="social">
              <ul>
                <li><a href="http://twitter.com/jordanpatton" title="Twitter" onclick="javascript:ga('send','event','link','click','Twitter');"><span class="fa fa-twitter-square fa-2x" /></a></li>
                <li><a href="http://www.facebook.com/jordantpatton" title="Facebook" onclick="javascript:ga('send','event','link','click','Facebook');"><span class="fa fa-facebook-square fa-2x" /></a></li>
                <li><a href="http://instagram.com/jordantpatton" title="Instagram" onclick="javascript:ga('send','event','link','click','Instagram');"><span class="fa fa-instagram fa-2x" /></a></li>
                <li><a href="http://plus.google.com/109061251292911006044" title="Google Plus" onclick="javascript:ga('send','event','link','click','Google Plus');"><span class="fa fa-google-plus-square fa-2x" /></a></li>
                <li><a href="http://www.pinterest.com/jordantpatton/" title="Pinterest" onclick="javascript:ga('send','event','link','click','Pinterest');"><span class="fa fa-pinterest-square fa-2x" /></a></li>
                <li><a href="http://www.github.com/jordanpatton" title="GitHub" onclick="javascript:ga('send','event','link','click','GitHub');"><span class="fa fa-github-square fa-2x" /></a></li>
                <li><a href="http://www.linkedin.com/pub/jordan-patton/46/403/807" title="LinkedIn" onclick="javascript:ga('send','event','link','click','LinkedIn');"><span class="fa fa-linkedin-square fa-2x" /></a></li>
              </ul>
            </div>
            <!--...center-content-->
          </div>
        </div>
      </div>
      <!--...center-wrap-->
    </div>
  </body>
</html>