feat: change log output and template structure

- new global variable debugMode
- demo templates are now based on hippie defaults joined with template inheritance
- add log macros
- new function logAdd()
- log uses global state

source/screens/basics.njk

@@ -1,8 +1,8 @@
-<!-- basics.screen -->
+<!-- basics.page -->
 {% set pageBase = "../" %}
 {% set pageId = "basics" %}
 
-{% extends "demo/_extended.njk" %}
+{% extends "demo/_docs.njk" %}
 
 {% block title %}Grundlagen{% endblock %}
 {% block head %}
@@ -959,12 +959,11 @@
   <script src="{{ pageBase }}js/variables.js"></script>
   <script src="{{ pageBase }}js/functions.js"></script>
   <script src="{{ pageBase }}js/global.js"></script>
-  <!-- endbuild -->
   <script>
-    // Page specific
-    // ------------------------------------------------------------------------------
     assetsLoaded = true;
     logPerf('Assets loaded.', assetsLoaded);
+    // Page specific
+    // ------------------------------------------------------------------------------
     // Create instance of object made by contructor function
     var scrollUi = new HippieScroll($('.js_scrolltop'), $('.js_scrolldown'));
     var helpUi = new HippieMeta($('.js_showmeta'), $('.js_pop'));
@@ -976,6 +975,6 @@
     $(document).scroll(function () {
       scrollUi.check();
     });
-    logPerf('Application ready.');
+    logPerf('Application ready... not.');
   </script>
 {% endblock %}