<!DOCTYPE html>

<html>
  <head>
    <%- partial('header_partial') %>
    <script type="text/javascript" charset="utf-8" src='common/js/dust-core-0.3.0.min.js'></script>
    <script type="text/javascript" charset="utf-8" src='common/js/moment.min.js'></script>
    <script type='text/javascript' charset="utf-8" src='js/jquery.simplemodal.js'></script>
    <script src='common/js/config.js'></script>
    <script src='common/js/compiled_templates.js'></script>
    <script src="common/js/registry.js"></script>
    <script src="common/js/generators.js"></script>
    <script src="common/js/page-handlers.js"></script>
    <script src="js/dashboard.js"></script>
    <% if (dashboard && dashboard.customHostedEndpoint) { %>
    <script src="<%= dashboard.customHostedEndpoint %>"></script>
<!-- XXX -->
    <% } %>

  </head>
  <body class="app-page" style="opacity:1.0;">

    <header class="header">
	
      <!--
      <div class="logo-info">
        <a href='http://hubinga.com'><img class="logo48" src="img/logo48x48.png"></a>
        <a href='/'><img class="avatar" src="<%= profileImage %>"></a>
        <div class="user-info-name"><a class='user-info-name-link' href='/'></a></div>
      </div>
      -->
      
      <div class="nav-section">
       <div class="nav">
          <a data-id='AppGallery' href='appGallery#AppGallery-Filter?stat=installed'
             class="button">
             Me
           </a>
           <a data-id='Explore' href='explore#Explore-connect'
             class="button">
             Connect
          </a>
           <a data-id='AppGallery' href='#AppGallery-Featured'
             class="button">
             Install
            </a>
	    <% if (dashboard && dashboard.developerMode) { %>
           <a data-id='Ideal' href='appGallery#AppGallery-Filter?stat=mine'
             class="button">
             Hack
          </a>
	         <a data-id='Settings' href='settings#Settings-Profile'
             class="button">
             Profile
          </a>
      <% } %>
 	    <% if (dashboard && dashboard.developerMode) { %>
           <a data-id='Develop' href='develop#Develop-Rationale'
             class="button">
             Help
          </a>
	    <% } %>
          </div>
<!-- XXX Do we need at least sign out?-->
        <% if (dashboard && dashboard.customHostedEndpoint && dashboard.experimental) { %>
          <div class="hosted-nav">
            <a href='<%= dashboard.customLogin %>'>Sign in</a>
            <a href='<%= dashboard.customLogout %>'>Sign out</a>
            <a href='<%= dashboard.customSettings || "settings#Settings-Connections" %>'>Account Settings</a>
            <a href='<%= dashboard.customLearnmore || "https://hubinga.com/home.html#About-OurMission" %>'><%= dashboard.customHostedby || "Hosted by Hubinga" %></a>
          </div>
        <% } %>
      </div>
    </header>
     <div class="app-container" id="iframeContainer">
      <div class="app-header"></div>
    <aside class="sidenav">
      <%- body %>
    </aside>
  <iframe id="appFrame"></iframe>
     </div>
   <div class="app-container" id="appDiv">
      <section id="AppGallery">
        <section id="Featured"></section>
        <section id="Author"></section>
        <section id="Filter"></section>
        <section id="Details"></section>
      </section>
      </div>
 
<!--    <div id="connect-more">
      <span id='close-button'>X</span>
      <p>
        When you're ready to connect more services, find them in the menu under
        "Connect".
      </p>
      <div class="action">
        <span class="gotit-button action-button">Got it!</span>
      </div>
    </div>
-->
  </body>
</html>

