<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>yada</title>

    <!-- Bootstrap core CSS -->
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap theme -->
    <link href="/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">

    <!-- Syntax highlighting -->
    <link rel="stylesheet" href="/hljs/styles/sunburst.css">

    <link href="/static/css/fonts.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">

    <link rel="icon" type="image/png" href="/static/img/favicon/favicon.png" />

    <link rel="icon" type="image/png" href="/static/img/favicon/favicon-16x16.png" sizes="16x16"/>
    <link rel="icon" type="image/png" href="/static/img/favicon/favicon-96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/png" href="/static/img/favicon/favicon-192x192.png" sizes="192x192"/>
    <!-- Firefox needs 32x32 last -->
    <link rel="icon" type="image/png" href="/static/img/favicon/favicon-32x32.png" sizes="32x32"/>
    <link rel="apple-touch-icon" href="/static/img/favicon/favicon-60x60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicon/favicon-76x76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicon/favicon-120x120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicon/favicon-152x152.png">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="/js/html5shiv.min.js"></script>
        <![endif]-->
  </head>

  <body role="document">

    <div class="row" style="margin-top: 0.5em">
      <div class="col-md-2">
      </div>
      <div class="col-md-8">
        {{#homeref}}
        <a href="{{homeref}}">Home</a>
        {{/homeref}}
<!--
        <a style="text-decoration: none" href="https://juxt.pro">
          <img class="juxt-logo" src="/static/img/juxt-logo.svg"></img>
        </a>
-->
      </div>
    </div>

    <!-- There should be content here -->
    <div class="row">
      <div class="col-md-2">
        {{{sidebar}}}
      </div>
      <div class="col-md-8">
        {{{content}}}
      </div>
    </div>

    <div class="row">
      <div class="col-md-2">
        {{{sidebar}}}
      </div>
      <div class="col-md-6">
        <div class="mastfoot">
          <hr>
          <div class="inner">
            <p><span class="yada">yada</span><br/>Copyright © 2015, <a href="https://juxt.pro">JUXT</a> LTD.</p>
          </div>
        </div>
      </div>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/jquery/jquery.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/bootstrap/js/bootstrap.min.js"></script>

    <!-- Syntax highlighting -->
    <script src="/hljs/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

    <!-- Scripts -->
    {{#scripts}}
    <script src="{{.}}"></script>
    {{/scripts}}

  </body>
</html>
