<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
$for(author-meta)$
<meta name="author" content="$author-meta$" />
$endfor$
$if(date-meta)$
<meta name="dcterms.date" content="$date-meta$" />
$endif$
$if(keywords)$
<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
$endif$
$if(description-meta)$
<meta name="description" content="$description-meta$" />
$endif$
<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
<style>
.peertube { margin-bottom: 2em; }
$styles.html()$
</style>
$for(css)$
<link rel="stylesheet" href="$css$" />
$endfor$
$if(math)$
$math$
$endif$
$for(header-includes)$
$header-includes$
$endfor$
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
</head>
<body>
<div class="container">
$for(include-before)$
$include-before$
$endfor$
<header id="title-block-header">
$if(title)$
<h1 class="title text-center">$title$</h1>
$if(subtitle)$
<h4 class="subtitle text-center text-muted">$subtitle$</h4>
$endif$
$endif$
$if(author)$
<ul class="list-inline text-center">
$for(author)$
<li class="author list-inline-item">$author$</li>
$endfor$
</ul>
$endif$
<div class="row align-items-center">
<div class="col">
$if(paper)$
<a role="button" class="btn btn-outline-primary" href="$paper$">Paper <i class="bi-file-pdf"></i></a>
$endif$
$if(code)$
<a role="button" class="btn btn-outline-primary" href="$code$">Code <i class="bi-github"></i></a>
$endif$
$if(cite)$
<button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Cite <i class="bi-book"></i>
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Bibtex</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body bg-light">
$citefile$
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
$endif$
</div>
$if(org)$
<ul class="col text-end list-unstyled">
$for(org)$
<li class="org">$org$</li>
$endfor$
</ul>
$endif$
</div>
</header>
$if(toc)$
<nav id="$idprefix$TOC" role="doc-toc">
$if(toc-title)$
<h2 id="$idprefix$toc-title">$toc-title$</h2>
$endif$
$table-of-contents$
</nav>
$endif$
$if(peertube)$
<div class="text-center peertube">
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="$peertube$"
frameborder="0" allowfullscreen ></iframe>
</div>
$endif$
<div class="row">
<div class="mx-auto col-md-12 col-lg-9 col-xl-8 col-xxl-7 justify-content-center">
$body$
</div>
</div>
$for(include-after)$
$include-after$
$endfor$
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
</body>
</html>