<!doctype html>
<html lang="en">
<head>

{% import "macros.html" as macros %}

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="theme-color" content="#d9d8d1">

<title>{% block title %}{% endblock %}&mdash;{{ configuration.PROJECT_TITLE }}</title>

<meta name="description" content="{{ configuration.PROJECT_DESCRIPTION }}">

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/print.css') }}">

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    extensions: ['tex2jax.js'],
    jax: ['input/TeX','output/HTML-CSS'],
    TeX: {
      extensions: ['AMSmath.js', 'AMSsymbols.js', '/static/XyJax/extensions/TeX/xypic.js'],
      Macros: {
        linebreak: ["", 1, ""],
        },
      TagSide: 'left'
    },
    tex2jax: {
      inlineMath: [['$','$']],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
    },
    'HTML-CSS': { scale: 100 }
  });
</script>

<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js" integrity="sha384-crwIf/BuaWM9rM65iM+dWFldgQ1Un8jWZMuh3puxb8TOY9+linwLoI7ZHZT+aekW" crossorigin="anonymous"></script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<link rel="stylesheet" type="text/css" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" integrity="sha384-yBEPaZw444dClEfen526Q6x4nwuzGO6PreKpbRVSLFCci3oYGE5DnD1pNsubCxYW" crossorigin="anonymous">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js" integrity="sha384-cd07Jx5KAMCf7qM+DveFKIzHXeCSYUrai+VWCPIXbYL7JraHMFL/IXaCKbLtsxyB" crossorigin="anonymous"></script>

<link rel="icon" type="image/vnd.microsoft.icon" href="/static/logo.ico">
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/static/logo.ico">

{% block head %}{% endblock %}

</head>

<body>
<div class="container-fluid bounded">
  <div id="first-bar" class="row topbar inner-top top">
    <header class="col">
      <h1><a href="/">{{ configuration.PROJECT_TITLE }}</a></h1>
    </header>

    <nav id="header">
      <ul id="quicklinks">
        <li><a href="/bibliography">bibliography</a>
        <li><a href="https://www.math.columbia.edu/~dejong/wordpress/">blog</a>
      </ul>

      <form id="quicksearch" action="/search">
        <span id="search-icon"><img src="/static/images/search.svg"></span>
        <input type="search" name="query" size="16" placeholder="keywords or a tag"{% if index %} autofocus{% endif %} value="{{ query }}">
      </form>
    </nav>
  </div>

  <nav id="second-bar" class="row topbar sticky-top">
    {% if self.breadcrumb() %}
      <ul class="col-11 col-sm-11 col-md-11 col-lg-12 col-xl-12" id="crumbs">
        <li><a href="/browse">Table of contents</a></li>
        {% block breadcrumb %}{% endblock %}
      </ul>
    {% endif %}

    {% if self.hamburger() %}
      <div class="col-1 col-sm-1 col-md-1" id="burger">
        <input type="checkbox" id="burger-input"></input>

        <label id="burger-icon" for="burger-input">
          <span id="top-bun"></span>
          <span id="meat"></span>
          <span id="bottom-bun"></span>
        </label>

        <div id="burger-content">
          {% block hamburger %}{% endblock %}
        </div>
      </div>
    {% endif %}

    {% if self.tagline() %}
      {% block tagline %}{% endblock %}
    {% endif %}
  </nav>

  <div class="row" id="content">
    <section id="main" class="col-xs-12 col-sm-12 col-md-12 col-lg-8 col-xl-8">
      {% block body %}{% endblock %}
    </section>
	  <div class="col-lg-4 col-xl-4">
	    <section id="meta" class="row topbar sticky-top">
        {% block sidebar %}{% endblock %}
      </section>
    </div>
  </div>
  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js" integrity="sha384-3ziFidFTgxJXHMDttyPJKDuTlmxJlwbSkojudK/CkRqKDOmeSbN6KLrGdrBQnT2n" crossorigin="anonymous"></script>
</div>
</body>
</html>
