{% assign pageId = page.fileSlug -%}
{% layout 'hippie/full.liquid' %}

{% block meta %}
{{ block.super -}}
{% comment %}<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">{% endcomment %}
{% comment %}<meta http-equiv="X-UA-Compatible" content="IE=edge" />{% endcomment %}
{% endblock %}

{% block links %}
{{ block.super -}}
{% if hippie.legacyMode %}
	<!--[if lte IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]-->
	<!--[if lte IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <![endif]-->
	{% comment %}<script src="./code/html5shiv.min.js"></script>{% endcomment %}
	{% comment %}<!--Only use one of the above!-->{% endcomment %}
{% endif %}

{% comment %}<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>{% endcomment %}
{% comment %}<link rel="stylesheet" type="text/css" media="print" href="/css/print.css"/>{% endcomment %}
{% endblock %}

{% block body %}
{{ block.super -}}
{% render 'hippie/partials/nav-page.liquid' %}
<div id="root">
	{% render 'hippie/partials/header-page.liquid' %}

	<main class="main_site">
		{% block main %}{% endblock %}
	</main>

	{% render 'hippie/partials/footer-page.liquid' %}
</div>
{% endblock %}

{% block assets %}
<script src="/vendor/jquery.min.js"></script>
<script src="/vendor/hippie-script.js"></script>
<script src="/js/globals.js"></script>
<script src="/js/app.js"></script>
{% endblock %}
{% block script %}
<script>
	// Setup global things
	setup();

	// Create instances of objects made by constructor functions
	let scrollUi = new HippieScroll($('.js_scrolltop'), $('.js_scrolldown'));
	let helpUi = new HippieMeta($('.js_showmeta'), $('.js_pop'));

	if (viewHover) {
		let fadeUi = new HippieFade(document.getElementById('js-toggle-fade'), true);
	}

	document.addEventListener('scroll', () => {
		scrollUi.check();
	});

	$(document).ready(function () {
		logPerf('EVENT       :: jQuery \'ready\' event fired.');
	});
</script>
{% endblock %}