{% set header_links =
    [
        {
            "name": "Home",
            "endpoint": "home_index",
            "href": "/home"
        },
        {
            "name": "Download",
            "endpoint": "download_index",
            "href": "/download"
		},
		{
			"name": "API",
			"endpoint": "api_index",
			"href": "/api"
		}
    ]
%}
<html>
    <head>
        <title>osu!wayback</title>
		<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="css/semantic.min.css") }}">
		<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="css/default.css") }}">
		<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="css/pandoc-code-highlight.css") }}">

        <script src="{{ url_for("static", filename="js/jquery.min.js") }}"></script>
        {% block headextra %}{% endblock %}
    </head>
    <body>
		<!--Header Menu-->
		{% include "follow-header.html" %}
		<!--Sidebar Menu-->
		{% include "sidebar.html" %}
		<!--Page-->
		<div class="pusher">
			{% block body %}{% endblock %}
		</div>
		<!--Footer-->
		{% include "footer.html" %}
		<script src="{{ url_for("static", filename="js/semantic.min.js") }}"></script>
		<script>
		$(document)
			.ready(function() {
			// fix menu when passed
			$('.masthead')
				.visibility({
				once: false,
				onBottomPassed: function() {
					$('.fixed.menu').transition('fade in');
				},
				onBottomPassedReverse: function() {
					$('.fixed.menu').transition('fade out');
				}
				})
			;
		
			// create sidebar and attach to menu open
			$('.ui.sidebar')
				.sidebar('attach events', '.toc.item')
			;
			})
		;
		</script>
    </body>
</html>