source/code/hippie/variables.js

@@ -1,4 +1,4 @@
-var hippie = {
+let hippie = {
   brand: "|-| | |^ |^ | [- ",
   screen: {
     w: Math.max(document.documentElement.offsetWidth, document.documentElement.clientWidth, window.innerWidth, 0),
@@ -12,9 +12,19 @@ var hippie = {
     h: Math.max(document.body.offsetHeight, document.body.clientHeight, 0),
   }
 };
+let viewHover = true;
+let basicEase = 600;
 
-var viewHover = true;
-var basicEase = 600;
-
-var onerowAlphabet = "/\\ ]3 ( |) [- /= (_, |-| | _T /< |_ |\\/| |\\| () |^ ()_ /? _\\~ ~|~ |_| \\/ \\/\\/ >< `/ ~/_ ";
-var onerowDigits = "\'| ^/_ -} +| ;~ (o \"/ {} \"| (\\) ";
+const onerowAlphabet = "/\\ ]3 ( |) [- /= (_, |-| | _T /< |_ |\\/| |\\| () |^ ()_ /? _\\~ ~|~ |_| \\/ \\/\\/ >< `/ ~/_ ";
+const onerowDigits = "\'| ^/_ -} +| ;~ (o \"/ {} \"| (\\) ";
+const flagColors = [
+  'fad803',
+  'f2af13',
+  'd30a51',
+  '8e1f68',
+  '273f8b',
+  '3c579a',
+  'b7e0f0',
+  '6bc7d9',
+  '52bed1'
+]

source/templates/demo/_app.njk

@@ -23,6 +23,8 @@
     {% block body %}{% endblock %}
 
     {% block script %}
+      <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>
     {% endblock %}
 
   </body>