<!DOCTYPE html>
<html lang="{{{lang}}}">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="crowbook">
    <meta name="author" content="{{{author}}}">
    <meta name="viewport" content="width=device-width">
    <title>{{{title}}}</title>
    <link rel = "stylesheet" href = "stylesheet.css" type = "text/css"
          />
    {{#highlight_code}}
    <link rel = "stylesheet" href = "highlight.css" type = "text/css"
          />
    <script src = "highlight.js"></script>
    <script>
      hljs.initHighlightingOnLoad();
    </script>
    {{/highlight_code}}
    <link rel = "stylesheet" href = "print.css" type = "text/css"
          media = "print" />
   <script>
{{{script}}}
   </script>


  </head>  
  <body>

  <nav id = "nav">
    <h2><a href = "index.html">{{{title}}}</a></h2>
    {{{toc}}}
  </nav>

  <div id = "content">
    <div id = "page">
      <header>
        {{{header}}}
        <div id = "menu">
          <img id = "menu-button" onclick="toggle();"
               src="menu.svg" alt = "{{{loc_toc}}}" title = "{{{loc_toc}}}" />
        </div>
        
        <h1 class = "title">{{{title}}}</h1>
        <h2 class = "author">{{{author}}}</h2>
      </header>
      {{{content}}}
    </div>
  </div>
  {{{footer}}}
  </body>
</html>
