rename some templates

src/templates/inGameMenu.html

@@ -0,0 +1,60 @@
+<a-mixin
+  id="dialogButton"
+  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"
+  slice9="width: 1; height: 0.27; padding: 0.04"></a-mixin>
+
+<a-mixin
+  id="dialogButtonText"
+  mixin="font"
+  position="0 -0.07 0.01"
+  text="align: center; wrapCount: 17; color: #F0F0F0"></a-mixin>
+
+<a-entity mixin="dialogButtonText" text="value: GAME OVER; color: #ff7171; width: 4" bind__visible="isGameOver" position="0 1.8 -2.3"></a-entity>
+
+<a-entity id="inGameMenu" position="0 1.6 -2" bind__visible="isGameOver || isPaused || isVictory">
+  <a-entity
+    id="resumeButton"
+    mixin="dialogButton"
+    bind-toggle__raycastable="isPaused"
+    position="0 0.35 0"
+    proxy-event="event: click; to: a-scene; as: pausemenuresume"
+    bind__visible="!isGameOver">
+    <a-entity mixin="dialogButtonText" text="value: RESUME"></a-entity>
+  </a-entity>
+
+  <a-entity
+    id="restartButton"
+    bind-toggle__raycastable="isPaused || isGameOver"
+    mixin="dialogButton"
+    proxy-event="event: click; to: a-scene; as: pausemenurestart">
+    <a-entity mixin="dialogButtonText" text="value: RESTART SONG"></a-entity>
+  </a-entity>
+
+  <a-entity
+    id="exitButton"
+    mixin="dialogButton"
+    bind-toggle__raycastable="isPaused || isGameOver || isVictory"
+    position="0 -0.35 0"
+    proxy-event="event: click; to: a-scene; as: pausemenuexit">
+    <a-entity mixin="dialogButtonText" text="value: EXIT TO MENU"></a-entity>
+  </a-entity>
+
+  <a-entity id="pauseDialogInfo" position="1.64 -0.12 0.798" rotation="0 -55 0">
+    <a-entity mixin="slice" slice9="width: 0.77; height: 1; padding: 0.04" position="0 0.110 -0.03"></a-entity>
+
+    <a-entity id="dialogImage"
+      copy-texture="from: #menuSelectedChallengeImage"
+      geometry="primitive: plane; buffer: false; skipCache: true; height: 0.3; width: 0.3"
+      material="shader: flat"
+      position="0 0.382 0"></a-entity>
+
+    <a-entity id="dialogSelectedChallengeInfo">
+      <a-entity class="dialogSelectedChallengeSongSubName" position="0 0.058 0"
+        mixin="textFont" text="wrapCount: 40; align: center; color: #FF185B" bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
+      <a-entity class="diallogSelectedChallengeSongName" position="0 -0.031 0"
+        mixin="textFont" text="align: center; color: #FF185B; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
+        bind__text="value: menuSelectedChallenge.songName"></a-entity>
+    </a-entity>
+</a-entity>