SoundBoxing link (fixes #85)

package-lock.json

@@ -208,7 +208,6 @@
         "sinon": "^1.17.5",
         "sinon-chai": "^2.8.0",
         "snazzy": "^4.0.0",
-        "uglify-js": "git://github.com/mishoo/UglifyJS2.git#278577f3cb75e72320564805ee91be63e5f9c806",
         "uglifyjs-webpack-plugin": "^0.4.6",
         "webpack": "^3.5.5",
         "webpack-cli": "^3.1.2",
@@ -1038,7 +1037,7 @@
         },
         "uglify-js": {
           "version": "git://github.com/mishoo/UglifyJS2.git#278577f3cb75e72320564805ee91be63e5f9c806",
-          "from": "git://github.com/mishoo/UglifyJS2.git#harmony-v2.8.22",
+          "from": "git://github.com/mishoo/UglifyJS2.git#278577f3cb75e72320564805ee91be63e5f9c806",
           "requires": {
             "source-map": "~0.5.1",
             "uglify-to-browserify": "~1.0.0",
@@ -5890,11 +5889,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5907,15 +5908,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6018,7 +6022,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6028,6 +6033,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6040,17 +6046,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6067,6 +6076,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6139,7 +6149,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6149,6 +6160,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6254,6 +6266,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

src/assets.html

@@ -37,6 +37,7 @@
 <img id="neonImg" src="assets/img/neon.png">
 <img id="sparkImg" src="assets/img/spark.png">
 <img id="stepbackImg" src="assets/img/stepback.png">
+<img id="soundboxingImg" src="assets/img/soundboxing.png">
 
 <a-mixin id="slice" slice9="color: #050505; transparent: true; opacity: 0.7; src: #sliceImg; left: 50; right: 52; top: 50; bottom: 52; padding: 0.18"></a-mixin>
 <a-mixin id="font" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>

src/templates/menu.html

@@ -125,6 +125,26 @@
       bind__visible="!!menuSelectedChallenge.id"></a-entity>
 
     {{ searchResults() }}
+
+    <a-entity id="soundboxing"
+      bind__visible="!menuSelectedChallenge.id && !isSearching" position="0.95 -0.57 0.01">
+      <a-entity id="soundboxing-button"
+        link="href: https://webvr.soundboxing.co/; on: click"
+        geometry="primitive:plane; width: 0.38; height: 0.19;"
+        material="shader: flat; src: #soundboxingImg"
+        animation__mouseenter="property: object3D.position.z; from: 0.01; to: 0.03; startEvents: mouseenter; pauseEvents: mouseleave; easing: easeOutCubic; dur: 150"
+        animation__mouseleave="property: object3D.position.z; from: 0.03; to: 0.01; startEvents: mouseleave; pauseEvents: mouseenter; easing: easeOutCubic; dur: 150"
+        proxy-event__mouseenter="event: mouseenter; to: CHILDREN; as: show"
+        proxy-event__mouseleave="event: mouseleave; to: CHILDREN; as: hide"
+        bind__raycastable="!menuSelectedChallenge.id">
+        <a-entity id="soundboxing-popup"
+          position="0 0.12 0.015"
+          mixin="font"
+          animation__show="property: components.text.material.uniforms.opacity.value; from: 0; to: 1; startEvents: show; dur: 100"
+          animation__hide="property: components.text.material.uniforms.opacity.value; from: 1; to: 0; startEvents: hide; dur: 100"
+          text="value:Did you try SoundBoxing?; opacity: 0; baseline: bottom; width: 0.7; wrapCount: 24; align: center"></a-entity>
+      </a-entity>
+    </a-entity>
   </a-entity>
 
   <a-entity id="menuDifficultiesGroup" position="0.195 0.18 0">