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


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

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