<!doctype html>
<html>
  <head>
    <title>{{title}}</title>
    <link rel="stylesheet" href="{{path}}/public/style.css" />
    <link rel="icon" type="image/png" href="{{path}}/public/favicon-32.png" />
    <link rel="icon" type="image/png" href="{{path}}/public/favicon-64.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="{{path}}/public/jquery.min.js"></script>
    <script src="{{path}}/public/script.js"></script>
  </head>
  <body class="{{classes}}">
    
    <main id="sections">
      {{#markdown}}
      <section class="section header files-hidden markdown" id="header">
      {{/markdown}}
        
      {{^markdown}}
      <section class="section header files-hidden" id="header">
      {{/markdown}}

        <aside class="comment">

          <header>

            <div class="file-path">
              
              {{#index}}
              <span id="project-overview"><span class="name">{{project}}</span><span id="version">{{version}}</span></span>
              {{/index}}
              
              {{^index}}
              <a id="project-overview" href="{{path}}" title="Project Overview">{{project}}<span id="version">{{version}}</span></a>
              {{/index}}
              
              <div class="files-menu">
                <span id="filename" title="{{title}}">{{title}}</span>
                
                {{#index}}
                <ul class="files index">
                {{/index}}
              
                {{^index}}
                <ul class="files hidable">
                {{/index}}
                  
                {{{files}}}
                  
                </ul>
                
              </div>
                
            </div>

            <div class="spacer"></div>
            
            {{#index}}
            <ul class="links">

              {{{links}}}
              
            </ul>
            {{/index}}
            
          </header>
            
        </aside>

        {{#markdown}}
        <div class="code">
          <div class="markdown">{{{markdown}}}</div>
        </div>
        {{/markdown}}
        
        {{^markdown}}
        <div class="code empty">
        </div>
        {{/markdown}}

      </section>
      {{^markdown}}
      
      {{{sections}}}
      
      {{/markdown}}
      
      <section class="section footer" id="footer">
        
        <aside class="comment">
          <span class="content project-copyright">&copy; Copyright {{year}} {{owners}}.</span>
        </aside>

        <div class="code">
          <span class="content page-generation-time">Generated {{generate_time}}</span>
        </div>
        
      </section>
      
    </main>

  </body>
</html>