@require(page, assets_path, scripts, stylesheets, in_toplevel)

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>@page.get_title()</title>

<link rel="stylesheet" href="@assets_path/css/custom_bootstrap.css" type="text/css"/>
<link rel="stylesheet" href="@assets_path/css/frontend.css" type="text/css"/>
<link rel="stylesheet" href="@assets_path/css/jquery.mCustomScrollbar.min.css" />

@for stylesheet in stylesheets:
<link rel="stylesheet" href="@assets_path/css/@stylesheet" type="text/css"/>
@end

<script src="@assets_path/js/mustache.min.js"></script>
<script src="@assets_path/js/jquery.js"></script>
<script src="@assets_path/js/bootstrap.js"></script>
<script src="@assets_path/js/typeahead.jquery.min.js"></script>
<script src="@assets_path/js/search.js"></script>
<script src="@assets_path/js/isotope.pkgd.min.js"></script>
<script src="@assets_path/js/compare-versions.js"></script>
<script src="@assets_path/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="@assets_path/js/bootstrap-toc.min.js"></script>
<script src="@assets_path/js/utils.js"></script>
<script src="@assets_path/js/tag_filtering.js"></script>
<script src="@assets_path/js/language_switching.js"></script>
<script src="@assets_path/js/navigation.js"></script>

@include("scripts.html")

@for script in scripts:
<script src="@assets_path/js/@script"></script>
@end

@include("extra_head.html")

</head>

<body data-spy="scroll" data-target="#toc" data-offset="70">

@include("navbar.html")

<main class="page-row page-row-expanded">
<div data-extension="@str(page.extension_name)" data-hotdoc-in-toplevel="@str(in_toplevel)" data-hotdoc-project="@str(page.project_name)" data-hotdoc-ref="@str(page.link.ref)" class="page_container" id="page-wrapper"
@for key, value in page.meta.get('extra', {}).items():
data-hotdoc-meta-@key="@str(value)"\
@end
>
	<div class="row">
		@include("page_content.html")
	</div>
</div>
</main>


<footer class="page-row">
	@include("footer.html")
</footer>

</body>

<script src="@assets_path/js/navbar_offset_scroller.js"></script>
</html>
