.eleventy.js

@@ -18,8 +18,7 @@ module.exports = function (eleventyConfig) {
 		brand: 'hippie',
 		titlePrefix: '',
 		titlePostfix: ' - HIPPIE',
-		debugMode: true,
+		debugMode: true
-		legacyMode: false
 	});
 
 	eleventyConfig.addPassthroughCopy({"source/art/images": "art"});

source/code/hippie/config.js

@@ -0,0 +1,22 @@
+var hippie = {
+  brand: "|-| | |^ |^ | [- ",
+  screen: {
+    w: Math.max(document.documentElement.offsetWidth, document.documentElement.clientWidth, window.innerWidth, 0),
+    vh: Math.max(document.documentElement.clientHeight, window.innerHeight, 0),
+    dh: Math.max(document.documentElement.offsetHeight, document.documentElement.clientHeight, 0),
+    y: Math.min($(document).scrollTop(), document.documentElement.scrollTop)
+    // hippie.screen.y: document.documentElement.scrollTop
+  },
+  body: {
+    w: Math.max(document.body.offsetWidth, document.body.clientWidth, window.innerWidth, 0),
+    h: Math.max(document.body.offsetHeight, document.body.clientHeight, 0),
+  }
+};
+
+var viewHover = true;
+var basicEase = 600;
+
+var onerowAlphabet = "/\\ ]3 ( |) [- /= (_, |-| | _T /< |_ |\\/| |\\| () |^ ()_ /? _\\~ ~|~ |_| \\/ \\/\\/ >< `/ ~/_ ";
+var onerowDigits = "\'| ^/_ -} +| ;~ (o \"/ {} \"| (\\) ";
+
+export { hippie };

source/code/hippie/main.js

@@ -0,0 +1,29 @@
+// Setup
+// -----------------------------------------------------------------------------
+import { hippie } from './config.js';
+
+// This is called everytime
+function setup() {
+  'use strict';
+
+  console.group('Document information');
+  console.info('\n', config.brand, '\n\n');
+  console.info('\n', hippie.brand, '\n\n');
+  console.info('HTML:', hippie.screen, '\nBODY:', hippie.body);
+  console.groupEnd();
+  if (debugOn) {
+    console.group('Debug information');
+    console.dir(hippie);
+    console.groupEnd();
+  }
+
+  // WANNABE MODULE Mouse over effect
+  // With CSS only
+  if ($('#js_mob').length && viewHover) {
+    $('#js_mob').addClass('mouse_over');
+  }
+  // if (viewHover) {
+  // 	$('body').prepend('<div id="js_mob" class="mouse_over"></div>');
+  // }
+  // With JS
+}

source/templates/demo/_default.njk

@@ -8,7 +8,6 @@
 
 {% block links %}
   {{ super() }}
-  <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo.css"/>
   {# <link rel="stylesheet" type="text/css" media="all" href="css/demo.css"/> #}
   {# <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase | subdir(2) }}css/demo.css"/> #}
 {% endblock %}

source/templates/demo/_main.njk

@@ -8,15 +8,12 @@
 
 {% 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 %}
 
   <!-- <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 %}
 

source/templates/demo/_maintenance.njk

@@ -8,5 +8,6 @@
 
 {% block links %}
   {{ super() }}
-  <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo_basic.css"/>
+  {# <link rel="stylesheet" type="text/css" media="all" href="css/demo.css"/> #}
+  {# <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase | subdir(2) }}css/demo.css"/> #}
 {% endblock %}

source/templates/hippie/_default.njk

@@ -21,6 +21,7 @@
 
       {% block links %}
         {% include "hippie/partials/_head_links.njk" %}
+        <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo.css"/>
       {% endblock %}
 
       {{ log.log('HEAD end    :: Links parsed, starting to load.') }}

source/templates/hippie/_main.njk

@@ -21,6 +21,7 @@
 
       {% block links %}
         {% include "hippie/partials/_head_links.njk" %}
+        <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo.css"/>
       {% endblock %}
 
       {{ log.log('HEAD end    :: Links parsed, starting to load.') }}

source/templates/hippie/_maintenance.njk

@@ -16,6 +16,7 @@
 
       {% block links %}
         <link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAH7SURBVDiNldM/aJNBGMfx71viH7TqIoLiIOoiSJRu0qE4uIiDm5OI4ODk4uYioqBuUkR0kKJNFC1mqUltlbZSqE3RYt+2SUyTppCmeU2bkiZ907z3vnfnUEU0NrXPeMd97p6H+xlaa02D0oDRYL+p4WEN9yZm8dT6dzQEQtkCuiIJxHKbBxZrLiNWmc8vRxn7lMGRanPAw0QW49Uwp8ODJEZmCCSt/wcGrCWavte44LRz7FyYnd+yxMZz2J7cGKh6kvczRUp3X9BnmFyLzHNVRpkeShNM1b+iDngUn2Oue4qLLV3cf+YST2tiLf3sj04wmypSEt76wFixwoJpcbKnh/ZMmuXK2vqdYJXLxyPMDiTpTOX/DbhK88bMMh4Y5sSZt3R2/+53aRkCzgT+oX4Kls2i49YDT+M5JkMmV+aj3BrII/+a15MuSevZEPl3UzxP5/8EMiurfO1L0hyNU27tZehL/c/zJNzsLXB+uoNySZBfFQD4tIbHHxJMfoxxu2pi7rK5fsm3FgL5MwXKQAPaMzh8JMbg61E6mn3c8B/CF5yx2L1tC/5TR4nsAS/RhlNzcR0P6TggFVoDGrYqyYMkLOybZ4fQZFZqGOHsgi4KF1tIakrhKIXj/WrBQAuJV3EQtsBbEQjbQVQEB/0HUHu3Y2wU5/XKVRqhFD8AgpYX2M9TNGcAAAAASUVORK5CYII=">
+        <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo_basic.css"/>
       {% endblock %}
     {% endblock %}
   </head>