From 81b0a2259f9f54c0c0d411f937c5a71f767c048f Mon Sep 17 00:00:00 2001
From: Riya Chauhan <96919050+Riyachauhan11@users.noreply.github.com>
Date: Tue, 5 Nov 2024 20:29:23 +0530
Subject: [PATCH] fixing button display issues and vote popup

---
 index.html | 33 +++++++++++++++++++++-----------
 popup.js   | 56 ++++++++++++++++++++++++++++++------------------------
 2 files changed, 53 insertions(+), 36 deletions(-)

diff --git a/index.html b/index.html
index dd93cdc..95d23be 100644
--- a/index.html
+++ b/index.html
@@ -57,16 +57,27 @@
 
    }
 
-   .popup-content {
 
-       background: linear-gradient(rgb(3 0 28 / 80%), rgb(0 2 55 / 80%)), url(your-image-url.jpg);
-       padding: 20px;
-       border-radius: 5px;
-       max-width: 300px;
-       text-align: center;
+.popup-content {
+    background: linear-gradient(rgb(255 255 255 / 90%), rgb(240 240 240 / 90%)), url(your-image-url-light.jpg);
+    color: #333; /* Darker text color for readability */
+    padding: 20px;
+    border-radius: 5px;
+    max-width: 300px;
+    text-align: center;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for subtle depth */
+}
+
+.dark-theme .popup-content {
+
+background: linear-gradient(rgb(3 0 28 / 80%), rgb(0 2 55 / 80%)), url(your-image-url.jpg);
+padding: 20px;
+border-radius: 5px;
+max-width: 300px;
+text-align: center;
+color: whitesmoke;
+}
 
-   }
-   
    /* Set poll options to stack vertically */
    #pollOptions {
 
@@ -380,7 +391,7 @@ <h2 class="uppercase">What power-up do you find most helpful?</h2>
     }
 
     // Set timeout for poll display
-    setTimeout(checkAndDisplayPollPopup, 10000);
+    setTimeout(checkAndDisplayPollPopup, 6000);
 
     // Manage user selections and votes
     const pollButtons = document.querySelectorAll('.poll-button[data-value]');
@@ -996,8 +1007,8 @@ <h2 class="primary-btn" id="logoutButton" style="display: none;">
         gsap.from("#header", { opacity: 0, duration: 1.5, delay: 1.5, ease: "power2.out" });
         
         // Sequential animations for interactive buttons and controls
-        gsap.from("#startButton", { scale: 0, duration: 0.8, delay: 2, ease: "elastic.out" });
-        gsap.from("#pauseBtn", { x: -50, opacity: 0, duration: 1, delay: 2.5, ease: "back.out" });
+        gsap.from("#startButton", { x: -50, duration: 0.8, delay: 2, ease: "elastic.out" });
+        gsap.from("#pauseBtn", { x: -50, duration: 1, delay: 2.5, ease: "back.out" });
         gsap.from("#levelSelect", { x: 50, opacity: 0, duration: 1, delay: 3, ease: "back.out" });
         
         // Staggered poll button animations
diff --git a/popup.js b/popup.js
index c07b2d3..f55506e 100644
--- a/popup.js
+++ b/popup.js
@@ -1,39 +1,45 @@
 // Show the pop-up automatically when the page loads
-window.onload = function() {
-    document.getElementById('popup-nl').style.display = 'flex';
-  };
+window.onload = function () {
+  document.getElementById("popup-nl").style.display = "flex";
+};
 
-  // Close the pop-up when the user clicks the close button
-  document.querySelector('.close-nl').addEventListener('click', function() {
-    document.getElementById('popup-nl').style.display = 'none';
-  });
+// Close the pop-up when the user clicks the close button
+document.querySelector(".close-nl").addEventListener("click", function () {
+  document.getElementById("popup-nl").style.display = "none";
+});
 
-  if (localStorage.getItem("noThanksClicked") === "true") {
-    document.getElementById('popup-nl').style.visibility = 'hidden';
-  }
+if (localStorage.getItem("noThanksClicked") === "true") {
+  document.getElementById("popup-nl").style.visibility = "hidden";
+}
 
-  // // Close the pop-up when clicking outside the pop-up content
-  // window.addEventListener('click', function(event) {
-  //   const popupContent = document.querySelector('.popup-content'); // Select the popup content
-  //   if (event.target === document.getElementById('popup')) {
-  //       document.getElementById('popup').style.display = 'none';
-  //   }
-  // });
+// // Close the pop-up when clicking outside the pop-up content
+// window.addEventListener('click', function(event) {
+//   const popupContent = document.querySelector('.popup-content'); // Select the popup content
+//   if (event.target === document.getElementById('popup')) {
+//       document.getElementById('popup').style.display = 'none';
+//   }
+// });
 
-  // Handle form submission
-  document.getElementById('emailForm-nl').addEventListener('submit', function(event) {
+// Handle form submission
+document
+  .getElementById("emailForm-nl")
+  .addEventListener("submit", function (event) {
     event.preventDefault();
 
-    const email = document.getElementById('email-nl').value;
+    const email = document.getElementById("email-nl").value;
     if (email) {
-      alert(`Your email ID ${email} has been registered successfully for the newsletter.`);
-      document.getElementById('popup').style.display = 'none';
+      alert(
+        `Your email ID ${email} has been registered successfully for the newsletter.`
+      );
+      document.getElementById("popup").style.display = "none";
     }
   });
 
-  // Handle "No thanks" link
-  document.querySelector('.no-thanks-nl').addEventListener('click', function(event) {
+// Handle "No thanks" link
+document
+  .querySelector(".no-thanks-nl")
+  .addEventListener("click", function (event) {
     event.preventDefault();
-    document.getElementById('popup-nl').style.display = 'none';
+    document.getElementById("popup-nl").style.display = "none";
     localStorage.setItem("noThanksClicked", "true");
   });