<!DOCTYPE HTML>
<html>
  <head>
    <title>Greg Allen | UI/UX/Developer</title>
    <!--<script src="ui/vendor/live/live.js"></script>-->
    <link rel="stylesheet" href="ui/_dist/common.min.css"/>
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="ui/_dist/ie.min.css"/>
    <![endif]-->
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-24017782-3']);
      _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 class="preanim">
    <div class="frame">
      <div class="header col3">
        <div class="box col me">
          <img src="ui/images/me@2x.jpg" alt="Greg Allen" width="75"/>
          <h1>Greg Allen</h1>
          <h2>UI/UX/Developer</h2>
        </div>
        <div class="box col updates" data-username="greg_allen">
          <a class="date"></a>
          <h3 class="title">
            <a>Twitter</a>
          </h3>
          <p class="desc">
            <a class="name"></a>
            <span></span>
          </p>
        </div>
        <div class="box col updates" data-username="jgallen23">
          <a class="date"></a>
          <h3 class="title">
            <a>Github</a>
          </h3>
          <p class="desc">
            <a class="name"></a>
            <span></span>
          </p>
        </div>
      </div>
      <ul class="nav hl">
        
          <li class="all">
            <a href="#">
              <i class="icon-home"></i>
              All
              <span class="line"></span>
            </a>
          </li>
        
          <li class="site">
            <a href="#sites">
              <i class="icon-cloud-1"></i>
              Sites
              <span class="line"></span>
            </a>
          </li>
        
          <li class="app">
            <a href="#apps">
              <i class="icon-mobile"></i>
              Apps
              <span class="line"></span>
            </a>
          </li>
        
          <li class="code">
            <a href="#code">
              <i class="icon-code"></i>
              Code
              <span class="line"></span>
            </a>
          </li>
        
          <li class="contact">
            <a href="#contact">
              <i class="icon-user"></i>
              Contact
              <span class="line"></span>
            </a>
          </li>
        
      </ul>
      <div class="content col4">
        
          <a href="http://kindspark.com" class="box col has-details site kindspark">
            <div class="description">
              
                
                  
                    <p>A site to pay it forward to your community.</p>
                  
                
                  
                    
                      <p>Role: Co-founder, in charge of product and technology.</p>
                    
                  
                
                  
                    
                      <p>Technology: Node.js, MongoDB, HTML5, CSS3, jQuery</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-cloud-1"></i>
              Kindspark
            </h3>
          </a>
        
          <a href="http://jotbox.in" class="box col has-details app jotbox">
            <div class="description">
              
                
                  
                    <p>An iPhone app to send notes, scribbles and photos to yourself.  It's great for reminders and ideas.</p>
                  
                
                  
                    
                      <p>Role: Spec'd and developed</p>
                    
                  
                
                  
                    
                      <p>Technology: Objective C</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-mobile"></i>
              Jotbox
            </h3>
          </a>
        
          <a href="http://getvisitsapp.com" class="box col has-details app visits">
            <div class="description">
              
                
                  
                    <p>Visits is a Mac menubar app that pulls in your Google Analytics data.</p>
                  
                
                  
                    
                      <p>Role: Spec'd and developed</p>
                    
                  
                
                  
                    
                      <p>Technology: Javascript, Objective C, HTML, CSS</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-mobile"></i>
              Visits
            </h3>
          </a>
        
          <a href="http://www.ehow.com" class="box col has-details site ehow">
            <div class="description">
              
                
                  
                    <p>Top 20 site that focuses on how-to content.</p>
                  
                
                  
                    
                      <p>Title: Director of UI Engineering</p>
                    
                  
                
                  
                    
                      <p>Role: Lead a team in charge of front-end development.</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-cloud-1"></i>
              eHow
            </h3>
          </a>
        
          <a href="http://github.com/jgallen23/portfolio" class="box col has-details code portfolio">
            <div class="description">
              
                
                  
                    <p>View this source code for this portfolio.</p>
                  
                
                  
                    
                      <p>Technology: HTML, Javascript, Stylus, jQuery, Routie, Node.js</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-code"></i>
              Portfolio
            </h3>
          </a>
        
          <a href="http://theventureedge.com" class="box col has-details site ventureedge">
            <div class="description">
              
                
                  
                    <p>A blog for tips on starting and running a successful buisness.</p>
                  
                
                  
                    
                      <p>Role: Spec'd and developed</p>
                    
                  
                
                  
                    
                      <p>Technology: Python, Django, MySQL</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-cloud-1"></i>
              The Venture Edge
            </h3>
          </a>
        
          <a href="http://n2tec.org" class="box col has-details site n2tec">
            <div class="description">
              
                
                  
                    <p>National Network for Technology Entrepreneurship and Commercialization.</p>
                  
                
                  
                    
                      <p>Role: Spec'd and developed</p>
                    
                  
                
                  
                    
                      <p>Technology: Python, Django, MySQL</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-cloud-1"></i>
              n2Tec
            </h3>
          </a>
        
          <a href="http://projects.jga.me/toc" class="box col has-details code toc">
            <div class="description">
              
                
                  
                    <p>jQuery plugin to generate a table of contents for your site.</p>
                  
                
                  
                    
                      <p>Technology: Javascript, jQuery</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-code"></i>
              TOC
            </h3>
          </a>
        
          <a href="http://projects.jga.me/layouts" class="box col has-details code layouts">
            <div class="description">
              
                
                  
                    <p>An Alfred plugin and applescript that allows you to move and resize your applications.</p>
                  
                
                  
                    
                      <p>Technology: Applescript, Bash</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-code"></i>
              Layouts
            </h3>
          </a>
        
          <a href="http://projects.jga.me/hubinfo" class="box col has-details code hubinfo">
            <div class="description">
              
                
                  
                    <p>jQuery plugin that wigetizes your github repo to be placed on your site.</p>
                  
                
                  
                    
                      <p>Technology: Javascript, jQuery, Github API, JSONP</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-code"></i>
              HubInfo
            </h3>
          </a>
        
          <a href="http://projects.jga.me/routie" class="box col has-details code routie">
            <div class="description">
              
                
                  
                    <p>A tiny (800b) Javascript hash routing library.</p>
                  
                
                  
                    
                      <p>Technology: Javascript</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-code"></i>
              Routie
            </h3>
          </a>
        
          <a href="http://itunes.apple.com/us/app/my-times/id368515340?mt=8" class="box col has-details app mytimes">
            <div class="description">
              
                
                  
                    <p>An iPad app for Google Reader.</p>
                  
                
                  
                    
                      <p>Role: Spec'd and developed</p>
                    
                  
                
                  
                    
                      <p>Technology: Objective C, Google Reader API</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-mobile"></i>
              My Times
            </h3>
          </a>
        
          <a href="http://github.com/jgallen23/resistance" class="box col has-details code resistance">
            <div class="description">
              
                
                  
                    <p>A flow control library for Javascript that works in the browser and node.js.</p>
                  
                
                  
                    
                      <p>Technology: Javascript</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-code"></i>
              Resistance
            </h3>
          </a>
        
          <a href="http://margarettravolta.com" class="box col has-details site travolta">
            <div class="description">
              
                
                  
                    <p>Margaret Travolta's porfolio site.</p>
                  
                
                  
                    
                      <p>Role: Spec'd and developed</p>
                    
                  
                
                  
                    
                      <p>Technology: Python, webpy</p>
                    
                  
                
              
            </div>
            <h3 class="name">
              <i class="icon-cloud-1"></i>
              Margaret Travolta
            </h3>
          </a>
        
        <div class="box col contact">
          <ul class="hl services">
            
            <li>
              <i class="icon-code"></i>
              Front End Development
            </li>
            
            <li>
              <i class="icon-pencil"></i>
              UI/UX (wireframes/flows)
            </li>
            
            <li>
              <i class="icon-mobile"></i>
              iOS Development
            </li>
            
            <li>
              <i class="icon-code"></i>
              Node.js Development
            </li>
            
          </ul>
          <h3 class="name">
            <i class="icon-user"></i>
            Services
          </h3>
        </div>
        <div class="box col contact">
          <ul class="hl contacts">
            
              <li>
                <a href="mailto:me@gregallen.me">
                  <i class="icon-mail-1"></i>
                  Email
                </a>
              </li>
            
              <li>
                <a href="http://twitter.com/greg_allen">
                  <i class="icon-twitter-bird"></i>
                  Twitter
                </a>
              </li>
            
              <li>
                <a href="http://github.com/jgallen23">
                  <i class="icon-github"></i>
                  Github
                </a>
              </li>
            
              <li>
                <a href="http://www.linkedin.com/in/jgregallen">
                  <i class="icon-linkedin-rect"></i>
                  LinkedIn
                </a>
              </li>
            
              <li>
                <a href="http://facebook.com/jga23">
                  <i class="icon-facebook-1"></i>
                  Facebook
                </a>
              </li>
            
          </ul>
          <h3 class="name">
            <i class="icon-user"></i>
            Contact
          </h3>
        </div>
      </div>
      <div class="footer">
        &copy 2014 Greg Allen
      </div>
    </div>
    <script src="ui/_dist/common.min.js"></script>
  </body>
</html>
