Update next piece text to look less placeholder-y

elocnatsirt · Apr 26, 2020 · 9d9413d · 9d9413d
1 parent 275c0d4
commit 9d9413d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -43,7 +43,6 @@
       </div>
     </main>
       <span class="anchor" id="section1"></span>
-      <span id="nextpiece">NEXT PIECE: [ ]</span>
       <div id="keyBinds" style='color: white;' class="section">
         <span id="upArrow" style='font-size:100px;color: white;'>&#8673;</span>
         <br/>
@@ -79,6 +78,7 @@
         </ul>
       </div>
   </body>
+  <span id="nextpiece">NEXT PIECE: [ ]</span>
   <footer class='footer'>
     <!-- Audio Tracks -->
     <audio id="soundtrack">

diff --git a/main.js b/main.js
@@ -14,7 +14,7 @@ const numGrids = 8;
 const sceneFPS = 60;
 
 // Helper Vars
-let toggleKeyBoard = true;
+let toggleKeyBoard = false;
 let toggleDebug = false;
 
 // Cannon Vars

diff --git a/style.css b/style.css
@@ -84,7 +84,13 @@ canvas {
 }
 #nextpiece {
   color: white;
-  position: absolute;
+  position: fixed;
+  bottom: 150px;
+  text-align: center;
+  width: 100%;
+  display: block;
+  font-family: 'Orbitron', sans-serif;
+  font-size: 20px;
 }
 #text {
   position: absolute;
@@ -105,6 +111,8 @@ canvas {
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   color: white;
+  outline: 1px;
+  outline-color: #050505;
 }
 button {
   font-size: 20px;