<!DOCTYPE html>

<html>
  <head>
    <link rel="stylesheet/less" type="text/less" href="common/css/common.less">
    <link rel="stylesheet/less" type="text/less" href="css/connect.css">
    <link rel="stylesheet" type="text/css" href="common/prettify/prettify.css">
     <script src="common/prettify/prettify.js" type="text/javascript"></script>
    <%- partial('header_partial') %>
    <link rel="stylesheet" type="text/css" href="css/ideal.css" />
    <script src="js/ideal.js"></script>
    <script src="js/ideal-buildapp.js"></script>
    <script src="js/connect.js"></script>
  </head>
  <body>
    <div>
      <%- partial('iframe/idealnav_partial') %>

<!--      <p class="description">
        Build an HTML5 web app that uses your personal data from APIs like
        github, HRMS, Nuxeo, Facebook, Twitter, and Instagram without having to write any server-side
        code.
      </p>
-->

    </div>

    <ul>
      <li id='connect-github' class='github-step hidden'>
        <h2>Step 0: Connect GitHub</h2>
        <p>
          GitHub is used for automatically syncing apps you build to your Hubinga account, from there you will be
          able to publish them to the App Gallery
        </p>
        <div class="connect">
          <span class="synclet-name">GitHub</span>
          <span class="oauthLink action-button" data-provider="github" data-width="1000" data-height="1000">Connect</span>
          <div class="gets-list">Gets: &nbsp;Contacts</div>
        </div>
      </li>
   </ul>
<a href=>todo: new app (1. create new github repo. 2. clone repo)</a>
  </body>
</html>
