<!DOCTYPE html>

<html>
<head>
  <title><%= title %></title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" media="all" href="public/stylesheets/normalize.css" />
  <link rel="stylesheet" media="all" href="<%= css %>" />
</head>
<body>
  <div class="container">
    <div class="main">

      <div class="header">
        <h1><%= title %></h1>

        <% if (sources.length > 1) { %>
          <div class="toc">
            <h3>Table of Contents</h3>
            <ol>
              <% for (var i=0, l = sources.length; i < l; i++) { %>
                <% var source = sources[i]; %>
                <li>
                  <a class="source" href="<%= relativeToThisFile(finalPath(source)) %>">
                    <%= source %>
                  </a>
                </li>
              <% } %>
            </ol>
          </div>
        <% } %>
      </div>
      <% for (var i = 0, l = sections.length; i<l; i++) { %>
        <% var section = sections[i]; %>
        <%- section.docsHtml %>
        <%- section.codeHtml %>
      <% } %>
    </div>
    <footer>
      <div>
        Generated by <a href="https://github.com/mercmobily/docco">Docco</a>
      </div>
    </footer>
  </div>
</body>
</html>
