sthag
b79edd4858
- Combine app.js and functions.js - Rename functions.js to app.js - Rename variables.js to globals.js - Remove global.js and add setup call to screen template - Use local jquery in old templates
72 lines
No EOL
2 KiB
Text
72 lines
No EOL
2 KiB
Text
<!-- main.template -->
|
|
{% import "hippie/macros/_log.njk" as log %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="de" class="{{ pageClass }}" id="{{ pageId }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
{% block head %}
|
|
<title>{{ hippie.titlePrefix }}
|
|
{%- block title %}{% endblock %}{{ hippie.titlePostfix }}</title>
|
|
|
|
{% block meta %}
|
|
{% include "hippie/partials/_head_meta.njk" %}
|
|
{% endblock %}
|
|
|
|
{% include "hippie/partials/_head_script.njk" %}
|
|
{{ log.debug(hippie.debugMode, true) }}
|
|
{{ log.start() }}
|
|
|
|
{% block links %}
|
|
{% include "hippie/partials/_head_links.njk" %}
|
|
{% endblock %}
|
|
|
|
{{ log.log('HEAD end :: Links parsed, starting to load.') }}
|
|
{% endblock %}
|
|
</head>
|
|
|
|
<body class="{{ bodyClass }}">
|
|
{{ log.log('BODY start') }}
|
|
{% include "hippie/partials/_body_nav.njk" %}
|
|
<div id="root">
|
|
{% include "hippie/partials/_header.njk" %}
|
|
|
|
<main class="main_site">
|
|
{% block main %}{% endblock %}
|
|
</main>
|
|
|
|
{% include "hippie/partials/_footer.njk" %}
|
|
</div>
|
|
|
|
{% block script %}
|
|
{{ log.log('BODY :: Loading script assets...') }}
|
|
{# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
|
|
<script src="/vendor/jquery.min.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 %}
|
|
|
|
{{ log.log('BODY end :: Page script might still be loading.') }}
|
|
</body>
|
|
</html> |