From b7a4167bcb8f9904dd033b4c55cdeee2636f6e2d Mon Sep 17 00:00:00 2001
From: SOLVE-NITK <csd@nitk.edu.in>
Date: Mon, 15 Jul 2024 10:40:31 +0530
Subject: [PATCH] Review comments are rectified

---
 experiment/simulation/css/style.css |  4 +++-
 experiment/simulation/index.html    | 20 ++++++++++----------
 experiment/simulation/js/script.js  |  4 +++-
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/experiment/simulation/css/style.css b/experiment/simulation/css/style.css
index 794dfb7..a085066 100644
--- a/experiment/simulation/css/style.css
+++ b/experiment/simulation/css/style.css
@@ -570,7 +570,9 @@ canvas {
   grid-template-columns: 80fr 20fr;
   gap: 2rem;
 }
-
+.anim{
+  animation: highlight 1s infinite;
+}
 .var-spinner {
   justify-self: center;
 }
diff --git a/experiment/simulation/index.html b/experiment/simulation/index.html
index f8a1659..1177027 100644
--- a/experiment/simulation/index.html
+++ b/experiment/simulation/index.html
@@ -63,7 +63,7 @@ <h1>Isometric to Orthographic view</h1>
           </li>
           
           <li class="tool-list tool-practice" onclick="displayDiv(this)">
-            <a class="tool-link" title="Variables"
+            <a class="tool-link" title="solution"
               ><img src="./images/solution.png" alt="solution" class="icons"
               ></a
               >
@@ -91,7 +91,7 @@ <h3 class="apparatus__title">Apparatus</h3>
                     <span>Compass</span>
                   </div>
                   <div class="apparatus-tool">
-                    <img src="./images/drafter.jpeg" alt="drafter" class="tool-img">
+                    <img src="./images/Drafter.jpeg" alt="drafter" class="tool-img">
                     <span>Drafter</span>
                   </div>
                   <div class="apparatus-tool">
@@ -118,14 +118,14 @@ <h3 class="apparatus__title">Apparatus</h3>
                 <p class="final-statement hide">Well Done! The conversion of the isometric view to the orthographic view is successful.</p>
                 <div class="practice-steps-additional">
              
-                  <button class="btn btn-axis hide">Draw Axis</button>
-                  <button class="btn btn-vp-hp hide">Draw the front view</button>
-                  <button class="btn btn-pyramid hide">Draw Pyramid</button>
-                  <button class="btn btn-a hide">Project the line down</button>
-                  <button class="btn btn-c hide">Draw the top view</button>
-                  <button class="btn btn-b hide"> Project lines to Profile plane</button>
-                  <button class="btn btn-d hide">Connect the lines</button>
-                  <button class="btn btn-e hide">Draw the side view</button>
+                  <button class="btn btn-axis anim hide">Draw Axis</button>
+                  <button class="btn btn-vp-hp anim hide">Draw the front view</button>
+                  <button class="btn btn-pyramid anim hide">Draw Pyramid</button>
+                  <button class="btn btn-a anim hide">Project the line down</button>
+                  <button class="btn btn-c anim hide">Draw the top view</button>
+                  <button class="btn btn-b anim hide"> Project lines to Profile plane</button>
+                  <button class="btn btn-d anim hide">Connect the lines</button>
+                  <button class="btn btn-e anim hide">Draw the side view</button>
                   <!-- <button class="btn btn-f hide">Project the lines up </button>
                   <button class="btn btn-g hide">Draw the pyramid up</button> -->
                       <img id="question" src="images/question.png" style="display: none;width: 70%; "/>
diff --git a/experiment/simulation/js/script.js b/experiment/simulation/js/script.js
index bfc0aa0..ae6b983 100644
--- a/experiment/simulation/js/script.js
+++ b/experiment/simulation/js/script.js
@@ -333,13 +333,15 @@ function checkAnswer(ele, index, answer, buttonClass) {
   optionSelected.classList.remove("correct");
   if (index === answer) {
     optionSelected.classList.add("correct");
+    buttonClass.classList.add("anim");
     buttonClass.classList.remove("hide");
     validateAnswer.innerHTML = "Right answer👍";
     answersDiv.appendChild(validateAnswer);
   } else {
     optionSelected.classList.add("wrong");
+    buttonClass.classList.remove("anim");
     buttonClass.classList.add("hide");
-    validateAnswer.innerHTML = "Worng answer, please check the options again👎";
+    validateAnswer.innerHTML = "Wrong answer, please check the options again👎";
     answersDiv.appendChild(validateAnswer);
   }
 }