From ee0f4bb8757aa757c652f3045e199ce99023704b Mon Sep 17 00:00:00 2001
From: JoanaChicau <web@joanachicau.com>
Date: Mon, 17 May 2021 21:32:06 +0200
Subject: [PATCH] Upload files to ''

---
 index.html       |  9 ++++++---
 narrowscripts.js | 20 ++++++++++++++++++++
 narrowstyle.css  | 12 +++++++++++-
 3 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 33aa7c7..e35d511 100644
--- a/index.html
+++ b/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> 
-	    	
+	--> 	
 	
 
 
diff --git a/narrowscripts.js b/narrowscripts.js
index 55ae2b1..97d1508 100644
--- a/narrowscripts.js
+++ b/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");
diff --git a/narrowstyle.css b/narrowstyle.css
index 2a7de69..b780c63 100644
--- a/narrowstyle.css
+++ b/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 {