new 404 + many optimzations

1 files changed, 81 insertions, 0 deletions

diff --git a/m/js/app.js b/m/js/app.js
new file mode 100644
index 0000000..de35b53
--- /dev/null
+++ b/m/js/app.js
@@ -0,0 +1,81 @@
+// BACKGROUND SPARKLES
+// SCRIPT #1
+
+// set up the base pattern
+var pattern = Trianglify({
+  height: window.innerHeight, // White: #fdfbfb, Salmon: #cc3300
+  width: window.innerWidth,
+  x_colors: ['#040404', '#f9f9f9', '#fffff4', '#fbf7f5', '#d55454'], // Cappuccino: ['#854442', '#3c2f2f', '#fff4e6', '#be9b7b', '#4b3832']
+  y_colors: ['#f9f1f1', '#f9f9f9', '#fffff4', '#fbf7f5', '#f9f1f1'], // Random colour generator: "#"+((1<<24)*Math.random()|0).toString(16)
+  variance: 10,
+  seed: Number.parseInt(Math.floor(Math.random() * 100)), // TODO: Live seed transitioning.
+  cell_size: 160
+});
+
+// // canvas
+// document.body.appendChild(pattern.canvas())
+
+// svg
+document.body.appendChild(pattern.svg())
+
+
+
+// // png
+// var png = document.createElement('img')
+// png.src = pattern.png()
+// document.body.appendChild(png)
+
+// SCRIPT #2
+
+$('.title-wrapper').css('width', window.innerWidth);
+$('.title-wrapper').css('height', window.innerHeight);
+
+
+var time = 10,
+  $paths = $('body').find('svg').find('path'),
+  pathCollection = $paths.get(),
+  count = $paths.length;
+
+// console.log(count);
+
+pathCollection.sort(function () {
+  return Math.random() * 10 > 5 ? 1 : -1;
+});
+
+function showText() {
+  var title = $('h1'),
+    subtitle = $('h2');
+
+  title.removeClass('hidden');
+  setTimeout(function () {
+    subtitle.removeClass('hidden');
+  }, 500);
+}
+
+setTimeout(function () {
+  $.each(pathCollection, function (i, el) {
+    var $path = $(this);
+    setTimeout(function () {
+
+      $path.css('opacity', '1');
+    }, time)
+    time += 10;
+
+    if (i + 1 === count) {
+      setTimeout(function () {
+        showText();
+      }, 2000);
+    }
+
+  });
+}, 2000);
+
+/* Honestly I have NO idea what this is but it was in the original site source code so I kept it :)
+(async () => {
+  if (navigator.webdriver || document.visibilityState === 'prerender' || !location.hostname) {
+    return;
+  }
+
+  document.querySelector('a[href="/cdn-cgi/l/email-protection"]').href = `\x6dailto:hi\x40${location.hostname}`;
+})();
+*/
\ No newline at end of file