<!doctype html>
<html>
<head>
  <meta charset='utf-8' />
  <title><%- config['project-name'] %> <%- config['project-version'] %> | Documentation</title>
  <meta name='viewport' content='width=device-width,initial-scale=1'>
  <link href='assets/bass.css' type='text/css' rel='stylesheet' />
  <link href='assets/style.css' type='text/css' rel='stylesheet' />
  <link href='assets/github.css' type='text/css' rel='stylesheet' />
</head>
<body class='documentation'>
  <div class='max-width-4 mx-auto'>
    <div class='clearfix md-mxn2'>
      <div class='fixed xs-hide fix-3 overflow-auto max-height-100'>
        <div class='py1 px2'>
          <h3 class='mb0 no-anchor'><%- config['project-name'] %></h3>
          <div class='mb1'><code><%- config['project-version'] %></code></div>
          <input
            placeholder='Filter'
            id='filter-input'
            type='text' />
          <div id='toc'>
            <ul class='list-reset h5 py1-ul'>
              <% introduction.forEach(function(section) { %>
              <li><a href='#<%=slug(section.title)%>' class="">
                <%- section.title %>  
              </a></li>
              <% }) %>
              <hr/>
              <% docs.forEach(function(doc) { %>
                <% var hasMembers = doc.members.static.length || doc.members.instance.length %>
                <li><a
                  href='#<%=slug(doc.namespace)%>'
                  class="<% if (doc.kind === 'note') { %>h5 bold black caps<% } %><% if (hasMembers) { %> toggle-sibling<% } %>">
                  <%- doc.name %>
                  <% if (hasMembers) { %><span class='icon'>▸</span><% } %>
                </a>
                <% if (hasMembers) { %>
                <div class='toggle-target display-none'>
                  <% if (doc.members.static && doc.members.static.length) { %>
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    <% doc.members.static.forEach(function(member) { %>
                      <li><a
                        href='#<%=member.namespace%>'
                        class='regular pre-open'>
                        .<%- member.name %>
                      </a></li>
                    <% }) %>
                    </ul>
                  <% } %>
                  <% if (doc.members.instance && doc.members.instance.length) { %>
                    <ul class='list-reset py1-ul pl1'>
                      <li class='h5'><span>Instance members</span></li>
                      <% doc.members.instance.forEach(function(member) { %>
                      <li><a
                        href='#<%=member.namespace%>'
                        class='regular pre-open'>
                        #<%- member.name %>
                      </a></li>
                      <% }) %>
                    </ul>
                  <% } %>
                  <% if (doc.members.inner && doc.members.inner.length) { %>
                    <ul class='list-reset py1-ul pl1'>
                      <li class='h5'><span>Inner members</span></li>
                      <% doc.members.inner.forEach(function(member) { %>
                      <li><a
                        href='#<%=member.namespace%>'
                        class='regular pre-open'>
                        #<%- member.name %>
                      </a></li>
                      <% }) %>
                    </ul>
                  <% } %>
                  <% if (doc.members.events && doc.members.events.length) { %>
                    <ul class='list-reset py1-ul pl1'>
                      <li class='h5'>Events</li>
                      <% doc.members.events.forEach(function(member) { %>
                        <li><a
                          href='#<%=member.namespace%>'
                          class='regular pre-open'>
                          ⓔ <%- member.name %>
                        </a></li>
                      <% }) %>
                    </ul>
                  <% } %>
                </div>
                <% } %>
                </li>
              <% }) %>
            </ul>
          </div>
        </div>
      </div>
      <div class='fix-margin-3'>
        <section class='p2 mb2 clearfix bg-white minishadow'>
          <a href="/readme.html">Readme</a> - <a href="<%- config['project-homepage'] %>" target="_blank">Github</a>
        </section>
        <% introduction.forEach(function(section) { %>
          <section class='p2 mb2 clearfix bg-white minishadow'>
            <div class="clearfix">
              <h3 id='<%- slug(section.title) %>' class='fl m0'>
                <%- section.title %>
              </h3>
              <%= markdownToHtml(section.content) %>
            </div>
          </section>
        <% }) %>
        <% docs.forEach(function(s) { %>
          <% if (s.kind !== 'note') { %>
            <%= renderSection({
              section: s,
              renderSection: renderSection,
              renderSectionList: renderSectionList
            }) %>
          <% } else { %>
            <div class='keyline-top-not py2'>
              <%=renderNote({ note: s })%>
            </div>
          <% } %>
        <% }) %>
      </div>
    </div>
  </div>
  <script src='assets/anchor.js'></script>
  <script src='assets/site.js'></script>
</body>
</html>
