Upload files to ''

index.html

@@ -135,8 +135,11 @@
 		<p>
 		Press play (best listened in FireFox). It might take a minute to load.</p>
 		<div class="audio-buttons">
-			<button class="stream-button b-narrow" onclick="document.getElementById('player').play()">Play</button>
-			<button class="stream-button b-narrow" onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src;">Stop</button>
+			<button id="bp" class="stream-button b-narrow" onclick="document.getElementById('player').play(); bplaytoggle()">Play</button>
+
+			<button id="bs" class="stream-button b-narrow" onclick="document.getElementById('player').pause();document.getElementById('player').src=document.getElementById('player').src; bstoptoggle()">Stop</button>
+
+
 			<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
 			<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
 		</div>
@@ -161,7 +164,7 @@
     	<br> ↬ 
       	<a class="windowlinks" href=""  target="_blank">  direct link to ↬ Jitsi</a>  
 	</div> 
-	    	
+	--> 	
 	
 
 

narrowscripts.js

@@ -167,6 +167,26 @@ $(function() {
   }
 
 
+  // button while playing extra style
+
+  function bplaytoggle () {
+    var pbutton = document.getElementById("bp");
+    pbutton.classList.add("bClicked");
+
+    var sbutton = document.getElementById("bs");
+    sbutton.classList.remove("bClicked");
+  }
+
+
+function bstoptoggle () {
+    var pbutton = document.getElementById("bp");
+    pbutton.classList.remove("bClicked");
+
+    var sbutton = document.getElementById("bs");
+    sbutton.classList.add("bClicked");
+  }
+
+
   //  src="https://vjs.zencdn.net/7.10.2/video.min.js"
 
   // var player = videojs("#player");

narrowstyle.css

@@ -453,9 +453,19 @@ button.b-narrow {
   color: #393c56;
   background-color: #ffe4fd;
 }
+
+
 button.b-narrow:hover {
   background-color: #393c56;
-  color: #ffe4fd; 
+  text-shadow: -1px -1px 1px #ffe4fd !important;
+}
+
+.bClicked {
+  background-color: #393c56 !important;
+  color: #ffe4fd !important;
+ /* -webkit-text-stroke-width: 1px;
+  -webkit-text-stroke-color: #ffe4fd !important; */
+
 }
 
 button.vol {