🌄🚎 Checkpoint

./public/style.css:530995/211
./views/room.handlebars:530995/8660
./.glitch-assets:530995/408
./views/join.handlebars:530995/125

.glitch-assets

@@ -4,3 +4,4 @@
 {"uuid":"adSBq97hhhpFNUna","deleted":true}
 {"uuid":"adSBq97hhhpFNUnb","deleted":true}
 {"uuid":"adSBq97hhhpFNUnc","deleted":true}
+{"name":"Game-show-buzzer-sound-effect.mp3","date":"2020-04-09T16:57:28.374Z","url":"https://cdn.glitch.com/81aebabf-079d-4504-b844-d90d643962c4%2FGame-show-buzzer-sound-effect.mp3","type":"audio/mpeg","size":70136,"thumbnail":"https://cdn.glitch.com/81aebabf-079d-4504-b844-d90d643962c4%2Fthumbnails%2FGame-show-buzzer-sound-effect.mp3","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"yN2JIbEQPO4yxL0N"}

public/style.css

@@ -68,7 +68,6 @@ footer {
   font-size: 4em;
   color: white;
   text-shadow: 2px 2px 2px black;
-  outline: none;
 }
 
 #buzzer:active {

views/join.handlebars

@@ -27,6 +27,10 @@
         </label>
         <button type="submit" id="submit-name">Submit</button>
       </form>
+      
+      <p>
+        <a href="/{{room}}/audience">Join the audience</a>
+      </p>
     </main>
   </body>
 </html>

views/room.handlebars

@@ -48,12 +48,14 @@
       };
       
       document.getElementById('buzzer').addEventListener('touchstart', function() {
+        beep();
         socket.send(JSON.stringify({ 
           type: "buzz" 
         }));
       });
       
       document.getElementById('buzzer').addEventListener('mousedown', function() {
+        beep();
         socket.send(JSON.stringify({ 
           type: "buzz" 
         }));
@@ -69,6 +71,10 @@
           mb.classList.add('hide');
         }, 5000)
       }
+      
+      function beep() {
+        new Audio("https://cdn.glitch.com/81aebabf-079d-4504-b844-d90d643962c4%2FGame-show-buzzer-sound-effect.mp3?v=1586451448374").play();
+      }
     </script>
   </body>
 </html>