From 621f819a4fba9df4e5a7ce4b7704c36f52cff20b Mon Sep 17 00:00:00 2001
From: sabhansali <156528716+sabhansali@users.noreply.github.com>
Date: Thu, 8 Aug 2024 16:51:51 +0530
Subject: [PATCH 1/2] added icons to the side bar

---
 css/style.css | 20 +++++++++++++++++++-
 index.html    |  6 +++---
 js/script.js  | 14 +++++++++++---
 3 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index ccb5d1a..a73fa6e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1345,7 +1345,7 @@ nav ul li a {
   font-size: 20px;
 }
 
-nav ul li a:hover {
+nav ul li a:hover, nav ul li #pauseStartBtn:hover {
   color: #ff7f50;
 }
 
@@ -2700,4 +2700,22 @@ goog-logo-link,
   .light-mode *{
     font-size: 10px !important;
   }
+}
+
+#pauseStartBtn {
+  display: flex;
+  align-items: center;
+  font-size: 20px; /* Adjust this value to match your desired font size */
+  text-decoration: none;
+  color: white; /* This ensures the link color matches your design */
+}
+
+#pauseStartBtn i {
+  margin-right: 0.5em; /* Adds some space between the icon and text */
+  font-size: 20px; /* Makes the icon the same size as the text */
+}
+
+#pauseStartBtn .button-text {
+  font-size: 20px; /* Ensures the text is the same size as other text */
+  font-family: inherit; /* Use the same font as the rest of your UI */
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 46e7fdd..f771641 100644
--- a/index.html
+++ b/index.html
@@ -184,11 +184,11 @@
         <ul class="sidebarOne">
           <li class="cross"><i style="cursor: pointer;" class="fa-solid fa-x"></i></li>
           <li class="logo"><a href="./index.html"><img src="assets/images/logo/logo..png" alt="Website Logo"></a></li>
-          <li><a href="#" id="reload" style="display: none;" aria-label="reload">Reload</a></li>
+          <li><a href="#" id="reload" style="display: none;" aria-label="reload"><i class="fa-solid fa-rotate-right"></i> Reload</a></li>
           <!-- <li><a href="#" id="addTime" aria-label="Add Time" style="display: none;">Add Time</a></li> -->
-          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start">Pause</a></li>
+          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i class="fa-solid fa-pause"></i><span class="button-text">Pause</span></a></li>
           <li><a href="#" id="fullscreenBtn" aria-label="Toggle Fullscreen"><i class="fa fa-chalkboard-teacher" aria-hidden="true"></i> Fullscreen</a></li>
-          <li><a href="#" id="editBtn" aria-label="Edit">Edit</a></li>
+          <li><a href="#" id="editBtn" aria-label="Edit"><i class="fa-solid fa-pen-to-square"></i> Edit</a></li>
           <!-- edit drop down content -->
           <div class="editdropdown" id="editdropdown" style="display: none;">
             <li class="exclude"><a href="#" id="addTime" aria-label="Add Time">Add Time</a></li>
diff --git a/js/script.js b/js/script.js
index 73b4605..6a2adca 100644
--- a/js/script.js
+++ b/js/script.js
@@ -648,10 +648,14 @@ document.addEventListener('DOMContentLoaded', () => {
             musicMuted = selectedAudio.muted; // Remember the mute state
             selectedAudio.pause();
         }
-        // document.getElementById('changeMusic').style.display = 'none';//to disable changing of music when simulation is paused. 
+        /*  document.getElementById('changeMusic').style.display = 'none';//to disable changing of music when simulation is paused. 
         pauseStartButton.textContent = 'Resume';
-        isPaused = true;
+        isPaused = true;*/
         // console.log(musicAudio); testing
+        pauseStartButton.querySelector('i').className = 'fa-solid fa-play';
+        pauseStartButton.querySelector('span').textContent = 'Resume';
+        isPaused = true;
+
     }
 
     function resumeSimulation() {
@@ -671,8 +675,12 @@ document.addEventListener('DOMContentLoaded', () => {
             document.getElementById('color2').value
         );
         // console.log(musicAudio); testing
-
+        /*let text = document.getElementById("pauseStartBtn").innerHTML;
         pauseStartButton.textContent = 'Pause';
+        //pauseStartButton.textContent = document.getElementById("pauseStartBtn").innerHTML;
+        isPaused = false;*/
+        pauseStartButton.querySelector('i').className = 'fa-solid fa-pause';
+        pauseStartButton.querySelector('span').textContent = 'Pause';
         isPaused = false;
     }
 

From ee6489bdb3a1280deac2eda56bbdc2c5b65f0645 Mon Sep 17 00:00:00 2001
From: Aditya Bhaumik <92214013+aditya-bhaumik@users.noreply.github.com>
Date: Thu, 8 Aug 2024 22:30:38 +0530
Subject: [PATCH 2/2] Update index.html

---
 index.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/index.html b/index.html
index f771641..5b15985 100644
--- a/index.html
+++ b/index.html
@@ -730,9 +730,7 @@ <h2>Account Not Available</h2>
   <script src="js/background.js"></script>
   <script src="js/social.js"></script>
   <script src="js/script.js"></script>
-
   <script src="/js/backToTopBtn.js"></script>
-
   <script type="text/javascript">
     function googleTranslateElementInit() {
       new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');