Remove copyrighted assets from codebase

Summary:
We don't own the copyright to (or have a license to distribute) this media file.

Also improve performance.

Test Plan: ↑↑↓↓←→←→BA <Enter>

Reviewers: codeblock

Reviewed By: codeblock

CC: aran

Differential Revision: https://secure.phabricator.com/D4176

webroot/rsrc/js/application/core/behavior-konami.js

@@ -9,9 +9,12 @@ JX.behavior('konami', function() {
   var seen = [];
 
   JX.Stratcom.listen('keyup', null, function(e) {
-    if (!sequence)
+    if (!sequence) {
       return;
+    }
+
     seen.push(e.getRawEvent().keyCode);
+
     while (seen.length) {
       var mismatch = false;
       for (var i = 0; i < seen.length; ++i) {
@@ -25,6 +28,7 @@ JX.behavior('konami', function() {
       }
       seen.shift();
     }
+
     if (seen.length == sequence.length) {
       sequence = seen = null;
       activate();
@@ -32,7 +36,6 @@ JX.behavior('konami', function() {
   });
 
   var prefixes = { '-webkit-': 1, '-moz-': 1, '-o-': 1, '-ms-': 1, '': 1 };
-  var body_rule, all_rule, top_rule;
 
   function generateCSS(selector, props) {
     var ret = selector + '{';
@@ -41,6 +44,7 @@ JX.behavior('konami', function() {
     }
     return ret + '}';
   }
+
   function generateAllCSS(selector, props) {
     var more_props = {};
     for (var key in props) {
@@ -50,147 +54,51 @@ JX.behavior('konami', function() {
     }
     return generateCSS(selector, more_props);
   }
+
   function modifyCSS(rule, key, value) {
     rule.setProperty(key, value, '');
   }
+
   function modifyAllCSS(rule, key, value) {
     for (var prefix in prefixes) {
       modifyCSS(rule, prefix + key, value);
     }
   }
 
-  var characters = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];
-  for (var i = 0x3041; i < 0x3097; ++i) {
-    characters.push(String.fromCharCode(i));
-  }
-
-  function spawnText() {
-    if (Math.random() > 0.10) {
-      return;
-    }
-
-    var text = [];
-    var length = parseInt(Math.random() * 16) + 10;
-    for (var i = 0; i < length; ++i) {
-      text.push(characters[parseInt(Math.random() * characters.length)]);
-    }
-    text = text.join(' ');
-
-    var element = document.createElement('div');
-    var z = Math.random() * 400 - 40;
-    element.className = 'matrix';
-    element.textContent = text;
-    modifyCSS(element.style, 'left',
-      Math.random() * document.body.clientWidth + 'px');
-    modifyAllCSS(element.style, 'transform',
-      'translateZ(' + z + 'px) rotateY(180deg)');
-    document.body.appendChild(element);
-
-    var height = element.clientHeight;
-    var y = -height;
-    modifyCSS(element.style, 'top', y + 'px');
-
-    var timer = setInterval(function() {
-      y += 5;
-      modifyCSS(element.style, 'top', y + 'px');
-      if (y > document.body.clientHeight) {
-        clearInterval(timer);
-        document.body.removeChild(element);
-      }
-    }, 20);
-  }
-
-  function spawnCat() {
-    if (Math.random() > 0.05) {
-      return;
-    }
-
-    var element = document.createElement('img');
-    var z = Math.random() * 400 - 40;
-    element.setAttribute('src', '/rsrc/image/nyan.gif');
-    element.className = 'nyan';
-    modifyCSS(element.style, 'top',
-      Math.random() * document.body.clientHeight + 'px');
-    modifyAllCSS(element.style, 'transform', 'translateZ(' + z + 'px)');
-    document.body.appendChild(element);
-
-    var width = Math.random() * 200 + 100;
-    var x = -width;
-    modifyCSS(element.style, 'width', width + 'px');
-    modifyCSS(element.style, 'left', x + 'px');
-
-    var timer = setInterval(function() {
-      x += 3;
-      modifyCSS(element.style, 'left', x + 'px');
-      if (x > document.body.clientWidth) {
-        clearInterval(timer);
-        document.body.removeChild(element);
-      }
-    }, 20);
-  }
-
-  var counter = 0;
-  var body_translate = '';
-  var body_rotate = '';
-
-  function zoomOut() {
-    if (counter >= 20) {
-      return;
-    }
-    ++counter;
-
-    body_translate = 'translateZ(' + (-16 * counter) + 'px)';
-    modifyAllCSS(body_rule, 'transform', body_translate + ' ' + body_rotate);
-    modifyAllCSS(all_rule, 'transform', 'translateZ(' + counter + 'px)');
-    modifyAllCSS(top_rule, 'transform', 'translateZ(' + (counter * 15) + 'px)');
-    modifyCSS(document.documentElement.style, 'background-color',
-      'rgba(0,0,0,' + (counter / 20) + ')', '');
-    modifyCSS(document.getElementById('base-page').style, 'background-color',
-      'rgba(255,255,255,' + (1 - counter / 20) + ')', '');
-    setTimeout(zoomOut, 20 + counter * 3);
-  }
+  var top_rule;
 
   function activate() {
     var matrix = document.createElement('style');
     matrix.textContent = [
       generateAllCSS('html', {
-        perspective: '500px'
+        background: '#000'
       }),
       generateAllCSS('body', {
-        transform: 'translateZ(0px)'
+        perspective: '2048px',
+        background: 'transparent'
       }),
       generateAllCSS('*', {
         'transform-style': 'preserve-3d'
       }),
-      generateAllCSS('body>[class|=jx],.phabricator-notification-menu', {
-        transform: 'translateZ(0px)'
-      }),
-      generateCSS('.matrix', {
-        position: 'fixed',
-        width: '0',
-        'font-size': '20pt',
-        color: 'chartreuse',
-        'text-shadow': '0 0 1em limegreen,0 0 1em limegreen,0 0 1em limegreen'
-      }),
-      generateCSS('.nyan', {
-        position: 'fixed'
+      generateAllCSS('body > *', {
       })
     ].join('\n');
     document.head.appendChild(matrix);
 
-    body_rule = matrix.sheet.cssRules[1].style;
-    all_rule = matrix.sheet.cssRules[2].style;
     top_rule = matrix.sheet.cssRules[3].style;
 
-    document.addEventListener('mousemove', function(e) {
-      var x = e.screenX / window.innerWidth - 0.5;
-      var y = -e.screenY / window.innerHeight + 0.5;
-      body_rotate = 'rotateY(' + x + 'rad) rotateX(' + y + 'rad)';
-      modifyAllCSS(body_rule, 'transform', body_translate + ' ' + body_rotate);
-    }, false);
+    var first_event = null;
+    document.body.addEventListener('mousemove', function(e) {
+      if (!first_event) {
+        first_event = {x: e.screenX, y: e.screenY};
+      }
+      var dx = (e.screenX - first_event.x);
+      var dy = (e.screenY - first_event.y);
 
-    zoomOut();
-    setInterval(spawnText, 100);
-    setInterval(spawnCat, 250);
+      var x = -(dx / window.innerWidth) * (Math.PI / 2);
+      var y = (dy / window.innerHeight) * (Math.PI / 2);
+      var body_rotate = 'rotateY(' + x + 'rad) rotateX(' + y + 'rad)';
+      modifyAllCSS(top_rule, 'transform', body_rotate);
+    }, false);
   }
 });