From aadbc110f5c925dacaeeefc7b822931323caca9e Mon Sep 17 00:00:00 2001 From: KarthikS373 Date: Sat, 1 Oct 2022 20:05:02 +0530 Subject: [PATCH 1/2] Toggle Audio feature --- css/style.css | 36 ++++++++++- index.html | 171 ++++++++++++++++++++++++++++---------------------- 2 files changed, 132 insertions(+), 75 deletions(-) diff --git a/css/style.css b/css/style.css index 95a0711..625cb5b 100644 --- a/css/style.css +++ b/css/style.css @@ -490,4 +490,38 @@ body { } .next{ cursor: pointer; -} \ No newline at end of file +} + +.toggle-audio-container { + display: flex; + position: fixed; + top: 0; + left: 0; + right: 0; + justify-content: flex-end; + color: #fff; + padding: 15px 25px 0 0; + z-index: 10000; +} + + +.toggle-audio { + background-image: url(../assets/mute.png); + height: 30px; + width: 30px; + opacity: 0.3; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + cursor: pointer; +} + +.toggle-audio.active{ + height: 30px; + width: 30px; + background-image: url(../assets/audio.png); + opacity: 0.3; + background-repeat: no-repeat; + background-position: center; + background-size: contain; +} diff --git a/index.html b/index.html index 0098494..60c01c7 100644 --- a/index.html +++ b/index.html @@ -11,80 +11,6 @@ - +
+
+
+
+ From aaf841268560c8b3aa77d1381126f301c41f4776 Mon Sep 17 00:00:00 2001 From: KarthikS373 Date: Mon, 10 Oct 2022 10:43:54 +0530 Subject: [PATCH 2/2] fixes --- assets/audio.png | Bin 0 -> 9362 bytes assets/mute.png | Bin 0 -> 9216 bytes css/style.css | 4 ++++ index.html | 20 +------------------- 4 files changed, 5 insertions(+), 19 deletions(-) create mode 100644 assets/audio.png create mode 100644 assets/mute.png diff --git a/assets/audio.png b/assets/audio.png new file mode 100644 index 0000000000000000000000000000000000000000..f7045f46b467af9e6aed2288bd93cf77d5e49897 GIT binary patch literal 9362 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 Lf7k#2xAp%&CJCnd literal 0 HcmV?d00001 diff --git a/css/style.css b/css/style.css index 625cb5b..2934a3d 100644 --- a/css/style.css +++ b/css/style.css @@ -502,6 +502,8 @@ body { color: #fff; padding: 15px 25px 0 0; z-index: 10000; + transition: 0ms; + animation: none; } @@ -514,6 +516,7 @@ body { background-position: center; background-size: contain; cursor: pointer; + transition: 0ms; } .toggle-audio.active{ @@ -524,4 +527,5 @@ body { background-repeat: no-repeat; background-position: center; background-size: contain; + transition: 0ms; } diff --git a/index.html b/index.html index 60c01c7..65ee2f8 100644 --- a/index.html +++ b/index.html @@ -181,24 +181,6 @@

Game

var modals4 = document.getElementById("M4"); var modals5 = document.getElementById("M5"); - // Get the button that opens the modal - // var btn = document.getElementById("myBtn"); - // var btn2 = document.getElementById("yourBtn"); - // var btn3 = document.getElementById("nextBtn"); - - - // When the user clicks the button, open the modal - // btn.onclick = function () { - // modal.style.display = "flex"; - // } - // btn2.onclick = function () { - // modal2.style.display = "flex"; - // } - // btn3.onclick = function () { - // modal3.style.display = "flex"; - // } - - // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target === modal) { @@ -252,13 +234,13 @@

Game

} const toggleAudio = document.querySelector('.toggle-audio'); - console.log(toggleAudio) toggleAudio.addEventListener('click', (e) => { if(toggleAudio.classList.contains('active')){ x.pause(); playAudio = false; } else { playAudio = true; + x.play(); } toggleAudio.classList.toggle('active'); })