victory rank color

src/templates/gameMenu.html

@@ -1,5 +1,6 @@
 <a-mixin
   id="gameMenuButton"
+  class="overlay"
   mixin="slice"
   animation__mouseenter="property: components.slice9.material.color; type: color; from: #050505; to: #067197; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
   animation__mouseleave="property: components.slice9.material.color; type: color; from: #067197; to: #050505; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
@@ -19,6 +20,7 @@
 
 <a-entity
   id="gameMenu"
+  class="overlay"
   bind__visible="isGameOver || isPaused || isVictory"
   position="0 1.1 -2"
   play-sound="event: mouseenter; sound: #hoverSound; volume: 0.03"
@@ -70,44 +72,4 @@
         bind__text="value: menuSelectedChallenge.songName"></a-entity>
     </a-entity>
   </a-entity>
-
-  <!-- Victory. -->
-  <a-entity id="victoryInfoContainer" position="1.64 -0.12 0.798" rotation="0 -55 0" bind__visible="isVictory">
-    <a-entity mixin="slice" slice9="width: 0.77; height: 1; padding: 0.04" position="0 0.110 -0.03"></a-entity>
-
-   <a-entity
-      id="victoryAccuracyRing"
-      bind__victory-accuracy-ring="accuracy: score.accuracy"
-      animation="property: components.material.material.uniforms.progress.value; from: 0; easing: easeOutQuad; delay: 500; dur: 2000; autoplay: false"
-      geometry="primitive: plane; width: 0.7; height: 0.7"
-      material="shader: ring; transparent: true; color: #ABABAB; radiusInner: 0.8; color: #FAFAFA"
-      position="0 0.48 0"></a-entity>
-
-    <a-entity id="victoryInfo" layout="type: box; columns: 1; margin: -0.1">
-      <!-- TODO: Different color text based on rank. (bind__rank-text="rank: score.rank") -->
-      <a-entity
-        id="victoryInfoRank"
-        mixin="textFont"
-        text="wrapCount: 1; align: center; color: #AAFFAA; width: 0.5"
-        bind__text="value: score.rank"></a-entity>
-
-      <a-entity
-        id="victoryInfoScore"
-        mixin="textFont"
-        text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
-        bind__text="value: score.scoreText"></a-entity>
-
-      <a-entity
-        id="victoryInfoAccuracy"
-        mixin="textFont"
-        text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
-        bind__text="value: score.accuracyText"></a-entity>
-
-      <a-entity
-        id="victoryInfoMaxCombo"
-        mixin="textFont"
-        text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
-        bind__text="value: score.maxComboText"></a-entity>
-    </a-entity>
-  </a-entity>
 </a-entity>