refactor: Move script parts around

- Run setup function in global script
- Move common script assets to hippie main template
- Remove unused scrcipt from components page

source/code/hippie/global.js

@@ -1,3 +1,3 @@
 // Setup
 // -----------------------------------------------------------------------------
-// setup();
+setup();

source/screens/demo/basics.njk

@@ -872,11 +872,6 @@ tags:
 
 {% block script %}
   {{ super() }}
-  {# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
-  <!-- build:js js/main.concat.min.js -->
-  <script src="{{ pageBase }}js/variables.js"></script>
-  <script src="{{ pageBase }}js/functions.js"></script>
-  <script src="{{ pageBase }}js/global.js"></script>
   <script>
     assetsLoaded = true;
     logPerf('Assets loaded.', assetsLoaded);

source/screens/demo/components.njk

@@ -189,19 +189,6 @@ tags:
 {% block script %}
   {{ super() }}
   <script src="{{ pageBase }}vendor/jq-sticky-anything.min.js"></script>
-  {# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
-  <!-- build:js js/main.concat.min.js -->
-  <script src="{{ pageBase }}js/variables.js"></script>
-  <script src="{{ pageBase }}js/functions.js"></script>
-  <script src="{{ pageBase }}js/global.js"></script>
   {{ log.asset(true) }}
   {{ log.log('Assets loaded.', assetsLoaded) }}
-  <script>
-    // Page specific
-    // ------------------------------------------------------------------------------
-    $(document).ready(function () {
-      // jq-sticky-anything
-      $('#js_demo_fix').stickThis({pushup: '#js_demo_stop'});
-    });
-  </script>
 {% endblock %}

source/screens/demo/examples/card.njk

@@ -59,11 +59,6 @@ tags:
 
 {% block script %}
   {{ super() }}
-  {# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
-  <!-- build:js js/main.concat.min.js -->
-  <script src="{{ pageBase }}js/variables.js"></script>
-  <script src="{{ pageBase }}js/functions.js"></script>
-  <script src="{{ pageBase }}js/global.js"></script>
   <script>
     $(document).ready(function () {
       // composeMail('.card_address', 'neues', 'interaktionsweise', 'de', '', '');

source/screens/demo/index.njk

@@ -72,11 +72,6 @@ tags:
 
 {% block script %}
   {{ super() }}
-  {# <script src="{{ pageBase }}js/{{ hippie.jsFile }}.min.js"></script> #}
-  <!-- build:js js/main.concat.min.js -->
-  <script src="{{ pageBase }}js/variables.js"></script>
-  <script src="{{ pageBase }}js/functions.js"></script>
-  <script src="{{ pageBase }}js/global.js"></script>
   <script>
     assetsLoaded = true;
     logPerf('BODY        :: Assets loaded, running page specific script...');
@@ -84,7 +79,6 @@ tags:
     // ------------------------------------------------------------------------------
     $(document).ready(function () {
       logPerf('EVENT       :: jQuery \'ready\' event fired.');
-      setup();
     });
     logPerf('Application ready... not.');
   </script>

source/screens/demo/introduction.njk

@@ -32,11 +32,6 @@ tags:
 
 {% block script %}
   {{ super() }}
-  {# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
-  <!-- build:js js/main.concat.min.js -->
-  <script src="{{ pageBase }}js/variables.js"></script>
-  <script src="{{ pageBase }}js/functions.js"></script>
-  <script src="{{ pageBase }}js/global.js"></script>
   <script>
     assetsLoaded = true;
     logPerf('Assets loaded.', assetsLoaded);

source/screens/demo/layouts.njk

@@ -322,11 +322,6 @@ tags:
 {% block script %}
   {{ super() }}
   <script src="{{ pageBase }}vendor/jq-sticky-anything.min.js" type="text/javascript"></script>
-  {# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
-  <!-- build:js js/main.concat.min.js -->
-  <script src="{{ pageBase }}js/variables.js"></script>
-  <script src="{{ pageBase }}js/functions.js"></script>
-  <script src="{{ pageBase }}js/global.js"></script>
   {{ log.asset(true) }}
   {{ log.log('Assets loaded.', assetsLoaded) }}
   <script>

source/templates/demo/_main.njk

@@ -8,19 +8,14 @@
 
 {% block links %}
   {{ 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]-->
-  <!--Local alternative: <script src="./code/html5shiv.min.js"></script>-->
-  <!--Only use one of the above!-->
-{% endif %}
+  {% 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]-->
+    <!--Local alternative: <script src="./code/html5shiv.min.js"></script>-->
+    <!--Only use one of the above!-->
+  {% endif %}
 
   <!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'> -->
   <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo.css"/>
   <!-- <link rel="stylesheet" type="text/css" media="print" href="{{ pageBase }}css/print.css"/> -->
 {% endblock %}
-
-{% block script %}
-  {{ super() }}
-  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
-{% endblock %}

source/templates/hippie/_default.njk

@@ -1,5 +1,7 @@
 <!-- default.template -->
-{% import "hippie/macros/_log.njk" as log %}
+{# {% if hippie.debugMode %} #}
+  {% import "hippie/macros/_log.njk" as log %}
+{# {% endif %} #}
 
 <!DOCTYPE html>
 <html lang="de" class="{{ pageClass }}" id="{{ pageId }}">

source/templates/hippie/_main.njk

@@ -41,6 +41,13 @@
 
     {% block script %}
       {{ log.log('BODY        :: Loading script assets...') }}
+      {# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
+      <!-- build:js js/main.concat.min.js -->
+      {# // TODO: Remove dependecy to jQuery; at least maek it optional #}
+      <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+      <script src="{{ pageBase }}js/variables.js"></script>
+      <script src="{{ pageBase }}js/functions.js"></script>
+      <script src="{{ pageBase }}js/global.js"></script>
     {% endblock %}
 
     {{ log.log('BODY end    :: Page script might still be loading.') }}