<!DOCTYPE html>

<html>
<head>
  <title>{{ ctx.title }}</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="{{ ctx.baseurl }}/css/main.css">
  <link rel="stylesheet" media="all" href="<%= css %>" />
</head>
<body>
<header class="site-header">

    <nav class="mobile-nav show-on-mobiles">
        <a class="page-link" href="{{ ctx.baseurl }}/"><i class="fa fa-home fa-fw fa-lg"></i></a>
        <a class="page-link" href="{{ ctx.baseurl }}/docs/home"><i class="fa fa-book fa-fw fa-lg"></i></a>
        <a class="page-link" href="{{ ctx.baseurl }}/news"><i class="fa fa-newspaper-o fa-fw fa-lg"></i></a>
    </nav>
    <div class="wrapper">

        <a class="site-title center-on-mobiles" href="/">
            <img src="{{ ctx.baseurl }}/img/logo.png" height="40" alt="Logo">
            {{ ctx.title }}
        </a>
        <nav class="site-nav hide-on-mobiles">
            <a href="#" class="menu-icon">
                <svg viewBox="0 0 18 15">
                    <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
                    <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
                    <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
                </svg>
            </a>
            <div class="trigger">
                <a class="page-link" href="{{ ctx.baseurl }}/">Home</a>
                <a class="page-link" href="{{ ctx.baseurl }}/docs/home">Docs</a>
                <a class="page-link" href="{{ ctx.baseurl }}/news">News</a>
            </div>
        </nav>
    </div>

</header>

  <div class="container">
    <div class="page">

      <div class="header">
        <% if (hasTitle) { %>
          <% var section = sections.shift(); %>
          <%= section.docsHtml %>
          <% if (!(/^\s*$/).test(section.codeText)) { %>
            <%= section.codeHtml %>
          <% } %>
        <% } else { %>
          <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="<%= path.basename(destination(source)) %>">
                    <%= path.basename(source) %>
                  </a>
                </li>
              <% } %>
            </ol>
          </div>
        <% } %>
      </div>

      <% for (var i = 0, l = sections.length; i<l; i++) { %>
        <% var section = sections[i]; %>
        <%= section.docsHtml %>
        <% if (!(/^\s*$/).test(section.codeText)) { %>
          <%= section.codeHtml %>
        <% } %>
      <% } %>
    </div>
  </div>
</body>
</html>
