Published using Google Docs
Browser Sounds Code
Updated automatically every 5 minutes

# popout.html

<!doctype html> 

   <html> 

   <head> 

   <body style="background-color: #BAC8E2;"> 

      <title>Browser Sounds</title> 

      <script src="popup.js"></script> 

      <link rel="stylesheet" href="popup.css"> 

   </head> 

   <body> 

   

       <!--Cricket button-->

      <h2></strong>Browser Sounds</strong></h2>

      <h2>

      <a href="audio/Crickets.mp3" class="button button2">Press for Crickets</a>

      <!--Drum joke sound-->

      <h2>

      <a href="audio/funny.mp3" class="button button3">Something funny</a>

       <!--jeopardy button-->

      <h2>

      <a href="audio/Jeopardy-theme-song.mp3" class="button button2">Jeopardy theme</a> 

     

       <!--answer buzz buttons-->

      <h2></strong>Answer buzz</strong></h2>

      <a href="audio/Ding-sound-effect.mp3" class="button button4">Correct</a>

      <a href="audio/Wrong-answer-sound-effect.mp3" class="button button5">Incorrect</a> 

   </body> 

</html>

# popout.css

body{  

   min-width: 200px;  

   text-align: center;  

   font-family: "Comic Sans MS", cursive, sans-serif;  

   }  

.button {  

   background-color: #4CAF50;  

   border: none;  

   color: rgb(183, 240, 234);  

   padding: 5px 14px;  

   text-align: center;  

   text-decoration: none;  

   display: inline-block;  

   font-size: 15px;  

   margin: 4px 2px;  

   transition-duration: 0.4s;  

   cursor: pointer;  

   }  

.button2 {  

   background-color: green;  

   color: black;  

   border: 2px solid #008CBA;  

   }  

.button3 {  

   background-color: orange;  

   color: black;  

   border: 2px solid #008CBA;  

   }  

.button3:hover {  

   background-color: yellow;  

   color: black;  

   border: 2px solid #008CBA;  

   }  

.button2:hover {  

   background-color: #008CBA;  

   color: white;  

   }  

.button4 {  

   background-color: light green;  

   color: black;  

   border: 2px solid #008CBA;  

   }

.button4:hover {  

   background-color: green;  

   color: black;  

   border: 2px solid #008CBA;  

   }

.button5 {  

   background-color: red;  

   color: black;  

   border: 2px solid #008CBA;  

   }

.button5:hover {  

   background-color: green;  

   color: black;  

   border: 2px solid #008CBA;  

   }  

# popout.js

// this will control the events in each link button

document.addEventListener('DOMContentLoaded', function() {  

    var checkPageButton = document.getElementById('checkPage');  

    checkPageButton.addEventListener('click', function() {  

        chrome.tabs.getSelected(null, function(tab) {  

            d = document;  

            // the link you want to have open once button is clicked

            window.open('audio/Crickets.mp3', 'blank');  

        });  

    }, false);  

}, false);  

 ===============================================================================

# Extension contents in folder download

DOWNLOAD FOLDER HERE HOLDING AUDIO FILES AND EXTENSION ICON