Major step for build process

- updated to 0.4.0
- corrected license for npm
- update to gulp 4
- updated all dependencies
- new and removed packages, see `package.json`
- changed file structure, renamed `pages` to `screen` and new `data` 
folder
- complete change of `gulpfile.js` with similar output

source/code/hippie/functions.js

@@ -11,14 +11,14 @@ function setup() {
 }
 
 // get document coordinates of the element
-function getCoords(elem) {
-	let box = elem.getBoundingClientRect();
-
-	return {
-		top: box.top + pageYOffset,
-		left: box.left + pageXOffset
-	};
-}
+// function getCoords(elem) {
+// 	let box = elem.getBoundingClientRect();
+//
+// 	return {
+// 		top: box.top + pageYOffset,
+// 		left: box.left + pageXOffset
+// 	};
+// }
 
 // https://stackoverflow.com/a/488073/1444149
 function Utils() {}

source/screens/demo.njk

@@ -12,7 +12,7 @@
 {% block body_content %}
 <div class="wrap">
   <div class="hello">
-    <h2>This is HIPPIE</h2>
+    <h2>This is {{hippie.brand | upper}}</h2>
     <p>You can start using it by replacing this file with your own index page.</p>
     <p>To do this you need to open the file <code>/gulpfile.js</code> and comment out the line <code>index: "demo.html",</code>. Then you need to place your index file (<code>index.njk</code>) into the folder <code>/source/pages</code>.</p>
     <p>For a very basic start you can make a copy of the demo page <code>blank.njk</code>. You can find it at <code>/source/pages/demo</code>.</p>
@@ -20,7 +20,7 @@
     <h3>Overview</h3>
     <ul class="list_link">
       <!-- Loops through "demoadditionallinks" array -->
-      {% for link in demoadditionallinks %}
+      {% for link in data.demoadditionallinks %}
       <li><a href="{{link.href}}">{{link.text}}</a></li>
       {% endfor %}
     </ul>
@@ -33,7 +33,7 @@ C(")(")</pre>
   </div>
     <ul class="list_link">
       <!-- Loops through "demo-links" array -->
-      {% for link in demolinks %}
+      {% for link in data.demolinks %}
       <li><a href="{{link.href}}">{{link.text}}</a></li>
       {% endfor %}
     </ul>
@@ -43,7 +43,7 @@ C(")(")</pre>
 
 {% block script %}
 {{ super() }}
-<script src="./js/all.min.js" type="text/javascript"></script>
+<script src="./js/{{hippie.jsFile}}.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 // Page specific
 // ------------------------------------------------------------------------------

source/screens/demo/elements.njk

@@ -67,7 +67,7 @@
 {% block script %}
 {{ super() }}
 <script src="../vendor/jq-sticky-anything.min.js" type="text/javascript"></script>
-<script src="../js/all.min.js" type="text/javascript"></script>
+<script src="../js/{{hippie.jsFile}}.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 // Page specific
 // ------------------------------------------------------------------------------

source/screens/demo/examples.njk

@@ -230,7 +230,7 @@
 {% block script %}
 {{ super() }}
 <script src="../vendor/jq-sticky-anything.min.js" type="text/javascript"></script>
-<script src="../js/all.min.js" type="text/javascript"></script>
+<script src="../js/{{hippie.jsFile}}.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 // Page specific
 // ------------------------------------------------------------------------------

source/screens/demo/intro.njk

@@ -586,7 +586,7 @@
 
 {% block script %}
 {{ super() }}
-<script src="../js/all.min.js" type="text/javascript"></script>
+<script src="../js/{{hippie.jsFile}}.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 // Page specific
 // ------------------------------------------------------------------------------

source/screens/demo/os.njk

@@ -138,7 +138,7 @@
 {% block script %}
 {{ super() }}
 <script src="../vendor/jq-sticky-anything.min.js" type="text/javascript"></script>
-<script src="../js/all.min.js" type="text/javascript"></script>
+<script src="../js/{{hippie.jsFile}}.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 // Page specific
 // ------------------------------------------------------------------------------

source/screens/demo/tests.njk

@@ -34,7 +34,7 @@
 
 {% block script %}
 {{ super() }}
-<script src="../js/all.min.js" type="text/javascript"></script>
+<script src="../js/{{hippie.jsFile}}.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 // Page specific
 // ------------------------------------------------------------------------------