- Add liquid template page - Basics screen now uses liquid - Correct script block in templates - Add parameters to meta and log partials - Add liquid partials for page and placeholder content
63 lines
2.2 KiB
Text
63 lines
2.2 KiB
Text
{% 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 %}
|
|
<link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo.css"/>
|
|
{% comment %}<link rel="stylesheet" type="text/css" media="print" href="{{ pageBase }}css/print.css"/>{% endcomment %}
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
{{ block.super -}}
|
|
{% render "hippie/partials/page-nav.liquid" %}
|
|
<div id="root">
|
|
{% render "hippie/partials/page-header.liquid" %}
|
|
|
|
<main class="main_site">
|
|
{% block main %}{% endblock %}
|
|
</main>
|
|
|
|
{% render "hippie/partials/page-footer.liquid" %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
<script src="/vendor/jquery.min.js"></script>
|
|
<script src="/vendor/hippie-script.js"></script>
|
|
<script src="{{ pageBase }}js/globals.js"></script>
|
|
<script src="{{ pageBase }}js/app.js"></script>
|
|
<script>
|
|
// Setup global things for all screens
|
|
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 %}
|