feat: Update hippie-script

- Update to new version
- Move brand from hippie to HIPPIE
- Add hippie-script to all remaining templates

.eleventy.js

@@ -44,7 +44,7 @@ module.exports = function (eleventyConfig) {
 		'node_modules/jquery/dist/jquery.min.js': 'vendor/jquery.min.js',
 		'node_modules/jquery/dist/jquery.min.map': 'vendor/jquery.min.map'
 	});
-	// eleventyConfig.addPassthroughCopy({"node_modules/normalize.css/normalize.css": "vendor/normalize.css"});
+	eleventyConfig.addPassthroughCopy({'node_modules/hippie-script/index.js': 'vendor/hippie-script.js'});
 
 	eleventyConfig.addWatchTarget('./source/style/');
 

package-lock.json

@@ -11,6 +11,7 @@
       "dependencies": {
         "@11ty/eleventy": "^2.0.1",
         "bootstrap-icons": "^1.13.1",
+        "hippie-script": "git+ssh://sthag@quelltext.interaktionsweise.de/interaktionsweise/hippie-script.git",
         "jquery": "^3.7.1",
         "sass": "^1.93.0"
       },
@@ -1386,6 +1387,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hippie-script": {
+      "version": "1.2.1",
+      "resolved": "git+ssh://sthag@quelltext.interaktionsweise.de/interaktionsweise/hippie-script.git#dfc13e61586fbf466a7bbdb5667c5b02f41abd44",
+      "license": "MIT"
+    },
     "node_modules/htmlparser2": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",

package.json

@@ -9,7 +9,7 @@
   "homepage": "https://quelltext.interaktionsweise.de/interaktionsweise/hippie",
   "bugs": "https://quelltext.interaktionsweise.de/interaktionsweise/hippie/issues",
   "license": "MIT",
-  "author": "Stephan Hagedorn <sthag@interaktionsweise.de> (https://karte@interaktionsweise.de/)",
+  "author": "Stephan Hagedorn <sthag@interaktionsweise.de> (https://karte.interaktionsweise.de)",
   "main": "",
   "repository": {
     "type": "git",
@@ -36,6 +36,7 @@
   "dependencies": {
     "@11ty/eleventy": "^2.0.1",
     "bootstrap-icons": "^1.13.1",
+    "hippie-script": "git+ssh://sthag@quelltext.interaktionsweise.de/interaktionsweise/hippie-script.git",
     "jquery": "^3.7.1",
     "sass": "^1.93.0"
   }

source/code/hippie/app.js

@@ -6,7 +6,7 @@ function setup() {
 	'use strict';
 
 	console.group('Document information');
-	console.info('\n', hippie.brand, '\n\n');
+	console.info('\n', HIPPIE.brand, '\n\n');
 	console.info('HTML:', hippie.screen, '\nBODY:', hippie.body);
 	console.groupEnd();
 	if (debugOn) {

source/code/hippie/globals.js

@@ -1,5 +1,4 @@
 let hippie = {
-	brand: "|-| | |^ |^ | [- ",
 	screen: {
 		w: Math.max(document.documentElement.offsetWidth, document.documentElement.clientWidth, window.innerWidth, 0),
 		vh: Math.max(document.documentElement.clientHeight, window.innerHeight, 0),
@@ -15,8 +14,6 @@ let hippie = {
 let viewHover = true;
 let basicEase = 600;
 
-const onerowAlphabet = "/\\ ]3 ( |) [- /= (_, |-| | _T /< |_ |\\/| |\\| () |^ ()_ /? _\\~ ~|~ |_| \\/ \\/\\/ >< `/ ~/_ ";
-const onerowDigits = "\'| ^/_ -} +| ;~ (o \"/ {} \"| (\\) ";
 const flagColors = [
 	'fad803',
 	'f2af13',

source/screens/demo/examples/ui/windows.liquid

@@ -50,10 +50,12 @@ tags:
 {% endblock %}
 
 {%- block script %}
-<script src="{{ pageBase }}js/globals.js"></script>
+{% comment %}<script src="{{ pageBase }}js/globals.js"></script>{% endcomment %}
+<script src="/vendor/hippie-script.js"></script>
 <script src="{{ pageBase }}js/app.js"></script>
 <script src="{{ pageBase }}js/windows.js"></script>
 <script>
+	console.log(HIPPIE.brand);
 	// Get the space element
 	const space = document.getElementById('screen-space');
 	const start = document.querySelector('[data-action=start]');

source/templates/hippie/_app.njk

@@ -23,6 +23,7 @@
 
 		{% block script %}
 			<script src="/vendor/jquery.min.js"></script>
+			<script src="/vendor/hippie-script.js"></script>
 			<script src="{{ pageBase }}js/globals.js"></script>
 			<script src="{{ pageBase }}js/app.js"></script>
 

source/templates/hippie/_main.njk

@@ -43,6 +43,7 @@
 			{{ 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="/vendor/hippie-script.js"></script>
 			<script src="{{ pageBase }}js/globals.js"></script>
 			<script src="{{ pageBase }}js/app.js"></script>
 			<script>

source/templates/hippie/app.liquid

@@ -14,6 +14,7 @@
 {% block script %}
 {{ block.super -}}
 <script src="/vendor/jquery.min.js"></script>
+<script src="/vendor/hippie-script.js"></script>
 <script src="{{ pageBase }}js/globals.js"></script>
 <script src="{{ pageBase }}js/app.js"></script>