<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"$if(lang)$ lang="$lang$" xml:lang="$lang$"$endif$>

<head>

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1">

$if(ipsum_meta)$
$if(ipsum_meta.twitter_card)$<meta name="twitter:card" content="$ipsum_meta.twitter_card$" />$endif$
$if(ipsum_meta.twitter_site)$<meta name="twitter:site" content="$ipsum_meta.twitter_site$" />$endif$
$if(ipsum_meta.twitter_creator)$<meta name="twitter:creator" content="$ipsum_meta.twitter_creator$" />$endif$
$if(ipsum_meta.og_url)$<meta property="og:url" content="$ipsum_meta.og_url$" />$endif$
$if(title)$<meta property="og:title" content="$ipsum_meta.title$" />$endif$
$if(ipsum_meta.og_description)$<meta property="og:description" content="$ipsum_meta.og_description$" />$endif$
$if(ipsum_meta.og_image)$<meta property="og:image" content="$ipsum_meta.og_image$" />$endif$
$endif$

$for(author-meta)$
<meta name="author" content="$author-meta$" />
$endfor$

$if(date-meta)$
<meta name="date" content="$date-meta$" />
$endif$

<title>$if(title)$$title$$endif$</title>

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"/>

$for(header-includes)$
$header-includes$
$endfor$

$if(highlightjs)$
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet"
      href="$highlightjs$/$if(highlightjs-theme)$$highlightjs-theme$$else$default$endif$.css"
      $if(html5)$$else$type="text/css" $endif$/>
<script src="$highlightjs$/highlight.js"></script>
<script type="text/javascript">
if (window.hljs && document.readyState && document.readyState === "complete") {
   window.setTimeout(function() {
      hljs.initHighlighting();
   }, 0);
}
</script>
$endif$

$if(highlighting-css)$
<style type="text/css">code{white-space: pre;}</style>
<style type="text/css">
$highlighting-css$
</style>
$endif$

$for(css)$
<link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
$endfor$

</head>

<body>
<div class="container">

<h1>$if(title)$$title$$endif$</h1>

$for(include-before)$
$include-before$
$endfor$

$if(toc)$
<div id="$idprefix$toc">
$toc$
</div>
$endif$

$body$

$for(include-after)$
$include-after$
$endfor$

</div>

$if(mathjax-url)$
<!-- dynamically load mathjax for compatibility with self-contained -->
<script>
  (function () {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src  = "$mathjax-url$";
    document.getElementsByTagName("head")[0].appendChild(script);
  })();
</script>
$endif$

</body>
</html>
