From c994b3459b4b2ae0981a514d656199e0f193f2e0 Mon Sep 17 00:00:00 2001
From: LNischala <nischalalakkaraju@gmail.com>
Date: Wed, 23 Oct 2024 21:29:44 +0530
Subject: [PATCH 1/4] Fixed issue #1476

---
 Theme.js        |  8 ++++++--
 index.html      |  6 +++---
 index.js        | 14 ++++++++++++++
 login/script.js |  3 +++
 newLogin.html   |  4 ++--
 5 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/Theme.js b/Theme.js
index 1332ee21..17179670 100644
--- a/Theme.js
+++ b/Theme.js
@@ -20,13 +20,17 @@ function applyTheme(theme) {
   if (theme === "dark") {
     document.body.classList.add("dark-theme");
     document.body.classList.remove("light-theme");
-    themeLabel.style.background = "var(--primary-color)";
+    // themeLabel.style.background = "var(--primary-color)";
+    themeToggle.title = 'Switch to Light mode';
     themeToggle.checked = true;
+    
   } else {
     document.body.classList.add("light-theme");
     document.body.classList.remove("dark-theme");
-    themeLabel.style.background = "#fff";
+    // themeLabel.style.background = "fff";
+    themeToggle.setAttribute('title','Switch to Dark mode');
     themeToggle.checked = false; 
+    
   }
 }
 
diff --git a/index.html b/index.html
index ff3f735a..993afbac 100644
--- a/index.html
+++ b/index.html
@@ -99,8 +99,8 @@
       .toggle-container {
         position: relative;
         right: 2.5rem;
-
       }
+     
 
       .toggle {
         width: 130%;
@@ -851,7 +851,7 @@ <h2 data-max="30" id="test">+ Developers</h2>
     <div class="modal-container">
       <div class="modal-wrapper">
         <div class="cross-container">
-          <i class="fas fa-times close-btn" onclick="closeModal()"></i>
+          <i class="fas fa-times close-btn" onclick="closeModal()" title="Close"></i>
         </div>
         <div class="modal-newsletter">
           <div class="modal-header">
@@ -2184,7 +2184,7 @@ <h4>Contact Us</h4>
     </footer>
     
   
-    <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
+    <a class="goupbtn"  title="Back to top" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
     <script>
       // Get the button
diff --git a/index.js b/index.js
index 5e5a68b9..67deef41 100644
--- a/index.js
+++ b/index.js
@@ -5,6 +5,20 @@ const closeBtn = document.querySelector(".close-btn");
 const subscribeBtn = document.querySelector("#news-subscribe");
 const form = document.querySelector("#modal-form");
 
+// const toggleContainer = document.querySelector('.toggle-container');
+//     const hoverText = document.querySelector('.hover-txt');
+//     // Show hover text on mouseover
+//     toggleContainer.addEventListener('mouseover', () => {
+//       hoverText.style.display = 'block';
+//       hoverText.style.color = 'white';
+//     });
+
+//     // Hide hover text on mouseout
+//     toggleContainer.addEventListener('mouseout', () => {
+//       hoverText.style.display = 'none';
+//     });
+
+
 function openModal() {
   modalContainer.style.display = "flex";
 }
diff --git a/login/script.js b/login/script.js
index 00db0b3e..e20f913f 100644
--- a/login/script.js
+++ b/login/script.js
@@ -38,14 +38,17 @@ function togglePasswordVisibility(buttonId, inputId, iconId) {
       // Toggle the type attribute
       const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
       passwordInput.setAttribute('type', type);
+      
 
       // Toggle the icon
       if (type === 'password') {
           icon.classList.remove('fa-eye-slash');
           icon.classList.add('fa-eye');
+          toggleButton.setAttribute('title', 'Show');
       } else {
           icon.classList.remove('fa-eye');
           icon.classList.add('fa-eye-slash');
+          toggleButton.setAttribute('title', 'Hide');
       }
   });
 }
diff --git a/newLogin.html b/newLogin.html
index eb6e528a..c1645c88 100644
--- a/newLogin.html
+++ b/newLogin.html
@@ -32,7 +32,7 @@ <h1>Tour Guide</h1>
           <input type="email" placeholder="Email" id="registerEmail">
           <div id="register-section" class="input-container">
               <input type="password" placeholder="Password" id="registerPassword">
-              <button type="button" id="toggleRegisterPassword">
+              <button type="button" id="toggleRegisterPassword" title="Show">
                 <i id="registerIcon" class="fas fa-eye"></i>
             </button>
           </div>
@@ -55,7 +55,7 @@ <h1>Tour Guide</h1>
           <input type="email" placeholder="Email" id="loginEmail">
           <div id="login-section" class="input-container">
             <input type="password" placeholder="Password" id="loginPassword">
-            <button type="button" id="toggleLoginPassword">
+            <button type="button" id="toggleLoginPassword" title="Show">
               <i id="loginIcon" class="fas fa-eye"></i>
           </button>
         </div>

From 293575e200d8609afc2ae0648d8028a311985a73 Mon Sep 17 00:00:00 2001
From: LNischala <nischalalakkaraju@gmail.com>
Date: Sun, 27 Oct 2024 17:09:58 +0530
Subject: [PATCH 2/4] fixing issue

---
 Theme.js   | 2 +-
 index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Theme.js b/Theme.js
index 17179670..78cec13a 100644
--- a/Theme.js
+++ b/Theme.js
@@ -21,7 +21,7 @@ function applyTheme(theme) {
     document.body.classList.add("dark-theme");
     document.body.classList.remove("light-theme");
     // themeLabel.style.background = "var(--primary-color)";
-    themeToggle.title = 'Switch to Light mode';
+    themeToggle.setAttribute('title','Switch to Light mode');
     themeToggle.checked = true;
     
   } else {
diff --git a/index.html b/index.html
index 993afbac..cd8ad929 100644
--- a/index.html
+++ b/index.html
@@ -2184,7 +2184,7 @@ <h4>Contact Us</h4>
     </footer>
     
   
-    <a class="goupbtn"  title="Back to top" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
+    <a class="goupbtn" href="#" title="Back to top" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
     <script>
       // Get the button

From fcea3ec8a851fbfa570570073af7d5a2b1ab8f78 Mon Sep 17 00:00:00 2001
From: LNischala <nischalalakkaraju@gmail.com>
Date: Sun, 27 Oct 2024 18:04:07 +0530
Subject: [PATCH 3/4] feat: fixed issue #1566

---
 Theme.js      | 4 ++--
 newLogin.html | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/Theme.js b/Theme.js
index 78cec13a..38da56d7 100644
--- a/Theme.js
+++ b/Theme.js
@@ -21,14 +21,14 @@ function applyTheme(theme) {
     document.body.classList.add("dark-theme");
     document.body.classList.remove("light-theme");
     // themeLabel.style.background = "var(--primary-color)";
-    themeToggle.setAttribute('title','Switch to Light mode');
+    // themeToggle.setAttribute('title','Switch to Light mode');
     themeToggle.checked = true;
     
   } else {
     document.body.classList.add("light-theme");
     document.body.classList.remove("dark-theme");
     // themeLabel.style.background = "fff";
-    themeToggle.setAttribute('title','Switch to Dark mode');
+    // themeToggle.setAttribute('title','Switch to Dark mode');
     themeToggle.checked = false; 
     
   }
diff --git a/newLogin.html b/newLogin.html
index c1645c88..ecd61990 100644
--- a/newLogin.html
+++ b/newLogin.html
@@ -31,10 +31,10 @@ <h1>Tour Guide</h1>
           <input type="text" placeholder="Name" id="registerName">
           <input type="email" placeholder="Email" id="registerEmail">
           <div id="register-section" class="input-container">
-              <input type="password" placeholder="Password" id="registerPassword">
-              <button type="button" id="toggleRegisterPassword" title="Show">
+            <input type="password" placeholder="Password" id="registerPassword">
+            <button type="button" id="toggleRegisterPassword">
                 <i id="registerIcon" class="fas fa-eye"></i>
-            </button>
+              </button>
           </div>
           <button type="submit">Register</button>
           <!-- <span id="registerMessage" style="display: none;">Account created successfully</span> -->
@@ -55,7 +55,7 @@ <h1>Tour Guide</h1>
           <input type="email" placeholder="Email" id="loginEmail">
           <div id="login-section" class="input-container">
             <input type="password" placeholder="Password" id="loginPassword">
-            <button type="button" id="toggleLoginPassword" title="Show">
+            <button type="button" id="toggleLoginPassword">
               <i id="loginIcon" class="fas fa-eye"></i>
           </button>
         </div>

From b45f6739e981b3a0d7d1508ee286c18632b47dac Mon Sep 17 00:00:00 2001
From: LNischala <nischalalakkaraju@gmail.com>
Date: Thu, 31 Oct 2024 13:14:11 +0530
Subject: [PATCH 4/4] feat:fixed issue #1566

---
 Theme.js      |   4 +-
 index.html    |   9 +++-
 newLogin.html | 145 +++++++++++++++++++++++---------------------------
 3 files changed, 75 insertions(+), 83 deletions(-)

diff --git a/Theme.js b/Theme.js
index 38da56d7..78cec13a 100644
--- a/Theme.js
+++ b/Theme.js
@@ -21,14 +21,14 @@ function applyTheme(theme) {
     document.body.classList.add("dark-theme");
     document.body.classList.remove("light-theme");
     // themeLabel.style.background = "var(--primary-color)";
-    // themeToggle.setAttribute('title','Switch to Light mode');
+    themeToggle.setAttribute('title','Switch to Light mode');
     themeToggle.checked = true;
     
   } else {
     document.body.classList.add("light-theme");
     document.body.classList.remove("dark-theme");
     // themeLabel.style.background = "fff";
-    // themeToggle.setAttribute('title','Switch to Dark mode');
+    themeToggle.setAttribute('title','Switch to Dark mode');
     themeToggle.checked = false; 
     
   }
diff --git a/index.html b/index.html
index cd8ad929..51cc0c58 100644
--- a/index.html
+++ b/index.html
@@ -2184,8 +2184,8 @@ <h4>Contact Us</h4>
     </footer>
     
   
-    <a class="goupbtn" href="#" title="Back to top" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
-
+    <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
+  
     <script>
       // Get the button
       var mybutton = document.querySelector(".goupbtn");
@@ -2198,6 +2198,11 @@ <h4>Contact Us</h4>
           mybutton.style.display = "none";
         }
       });
+      let btn1 = document.querySelector(".goupbtn");
+      btn1.addEventListener("mouseover", () => {
+        btn1.setAttribute("title", "Back to top");
+      });
+
 
       // When the user clicks on the button, scroll to the top of the document
       function goToTop() {
diff --git a/newLogin.html b/newLogin.html
index ecd61990..a48d2e5a 100644
--- a/newLogin.html
+++ b/newLogin.html
@@ -9,35 +9,38 @@
   <link href="https://cdn.lineicons.com/4.0/lineicons.css" rel="stylesheet" />
   <script src="https://kit.fontawesome.com/f2e55912f8.js" crossorigin="anonymous"></script>
   <link rel="stylesheet" href="./login/login.css">
+  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
 </head>
 <body>
   <div id="loginSuccessBanner" class="success-banner">Logged in successfully</div>
   <div id="loginDeclineBanner" class="decline-banner">Logged in Blocked <br> credentials didn't match</div>
-    <div id="registerSuccessBanner" class="success-banner">Registered successfully</div>
-    <div id="registerDeclineBanner" class="decline-banner">Registered Blocked <br> Same email address</div>
-    <!-- Back to Home Button -->
-    <div>
-      <a href="index.html">
-        <button style="padding: 25px 25px 25px 25px; border-radius: 40px; font-size: 20px;">
-          <i class="lni lni-home"></i>
-        </button>
-      </a>
-    </div>
+  <div id="registerSuccessBanner" class="success-banner">Registered successfully</div>
+  <div id="registerDeclineBanner" class="decline-banner">Registered Blocked <br> Same email address</div>
+  
+  <div>
+    <a href="index.html">
+      <button style="padding: 25px 25px 25px 25px; border-radius: 40px; font-size: 20px;">
+        <i class="lni lni-home"></i>
+      </button>
+    </a>
+  </div>
+  
   <div class="main-container">
     <div class="container" id="container">
       <div class="form-container register-container">
-        <form  id="registerForm">
+        <form id="registerForm">
           <h1>Tour Guide</h1>
           <input type="text" placeholder="Name" id="registerName">
           <input type="email" placeholder="Email" id="registerEmail">
           <div id="register-section" class="input-container">
-            <input type="password" placeholder="Password" id="registerPassword">
-            <button type="button" id="toggleRegisterPassword">
+              <input type="password" placeholder="Password" id="registerPassword" oninput="checkPasswordStrength()">
+              <button type="button" id="toggleRegisterPassword">
                 <i id="registerIcon" class="fas fa-eye"></i>
               </button>
           </div>
+          <small id="passwordStrengthMsg" style="color: red;"></small>
           <button type="submit">Register</button>
-          <!-- <span id="registerMessage" style="display: none;">Account created successfully</span> -->
+          
           <div class="social-container">
             <a class="fb" href="www.facebook.com" class="social"><i class="lni lni-facebook-fill"></i></a>
             <a class="goog" href="www.google.com" class="social"><i class="lni lni-google"></i></a>
@@ -45,20 +48,17 @@ <h1>Tour Guide</h1>
           </div>
         </form>
       </div>
-      
+
       <div class="form-container login-container">
-        <form  id="loginForm">          
-            <!-- <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 24 24">
-              <path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-              </svg> -->
+        <form id="loginForm">
           <h1>Tour Guide</h1>
           <input type="email" placeholder="Email" id="loginEmail">
           <div id="login-section" class="input-container">
             <input type="password" placeholder="Password" id="loginPassword">
             <button type="button" id="toggleLoginPassword">
               <i id="loginIcon" class="fas fa-eye"></i>
-          </button>
-        </div>
+            </button>
+          </div>
           <div class="content">
             <div class="checkbox">
               <input type="checkbox" name="checkbox" id="checkbox">
@@ -76,7 +76,6 @@ <h1>Tour Guide</h1>
             <a class="lin" href="www.linkedin.com" class="social"><i class="lni lni-linkedin-original"></i></a>
           </div>
         </form>
-
       </div>
 
       <div class="overlay-container">
@@ -99,27 +98,31 @@ <h1 class="title">Start your <br> journey now</h1>
       </div>
     </div>
   </div>
-  <script src="login\script.js"></script>
-  <script>
-    document.addEventListener("DOMContentLoaded", function() {
-      const registerButton = document.getElementById("register");
-      const container = document.getElementById("container");
-      registerButton.addEventListener("click", (event) => {
-        event.preventDefault();
-        container.classList.add("right-panel-active");
-        document.getElementById("registerForm").scrollIntoView({ behavior: "smooth" });
-      });
-    });
-  </script>
+
+  <script src="login/script.js"></script>
   <script>
+    function checkPasswordStrength() {
+      const password = document.getElementById("registerPassword").value;
+      const strengthMsg = document.getElementById("passwordStrengthMsg");
+      let strength = "Weak";
+      let color = "red";
+      
+      if (password.length >= 8 && /[A-Z]/.test(password) && /[a-z]/.test(password) && /[0-9]/.test(password) && /[!@#\$%\^\&*\)\(+=._-]/.test(password)) {
+        strength = "Strong";
+        color = "green";
+      } else if (password.length >= 6 && ((/[A-Z]/.test(password) && /[a-z]/.test(password)) || /[0-9]/.test(password))) {
+        strength = "Medium";
+        color = "orange";
+      }
+
+      strengthMsg.textContent = `Password strength: ${strength}`;
+      strengthMsg.style.color = color;
+    }
+
     document.addEventListener("DOMContentLoaded", function () {
       const registerButton = document.getElementById("register");
       const loginButton = document.getElementById("login");
       const container = document.getElementById("container");
-      const loginSuccessBanner = document.getElementById("loginSuccessBanner");
-      const registerSuccessBanner = document.getElementById("registerSuccessBanner");
-      const loginDeclineBanner = document.getElementById("loginDeclineBanner");
-      const registerDeclineBanner = document.getElementById("registerDeclineBanner");
 
       registerButton.addEventListener("click", (event) => {
         event.preventDefault();
@@ -139,6 +142,15 @@ <h1 class="title">Start your <br> journey now</h1>
         validateForm("register");
       });
 
+      //Form validation for registration name
+      document.getElementById("registerName").addEventListener("keypress", function (event) {
+      var char = String.fromCharCode(event.which);
+        if (!(/[a-zA-Z]/.test(char))) {
+            event.preventDefault();
+        }
+      });
+
+
       document.getElementById("loginForm").addEventListener("submit", function (event) {
         event.preventDefault();
         validateForm("login");
@@ -164,18 +176,17 @@ <h1 class="title">Start your <br> journey now</h1>
             return;
           }
 
-          if(localStorage.getItem("email")===email){
+          if (localStorage.getItem("email") === email) {
             registerDeclineBanner.style.display = "block";
             setTimeout(() => {
               registerDeclineBanner.style.display = "none";
             }, 6000);
           }
 
-          localStorage.setItem("name", name)
-          localStorage.setItem("email", email)
-          localStorage.setItem("password", password)
+          localStorage.setItem("name", name);
+          localStorage.setItem("email", email);
+          localStorage.setItem("password", password);
 
-          // Show register success banner
           registerSuccessBanner.style.display = "block";
           setTimeout(() => {
             registerSuccessBanner.style.display = "none";
@@ -195,58 +206,34 @@ <h1 class="title">Start your <br> journey now</h1>
             return;
           }
           if (spcharRegex.test(password)) {
-            alert('Password cannot contain <,>,", or /');
+            alert('Password Cannot Contain <,>,", or /');
             return;
           }
-          const email_check = localStorage.getItem("email")
-          const password_check = localStorage.getItem("password")
 
-          if (email_check === email && password_check=== password){
-            // Show login success banner
+          const storedEmail = localStorage.getItem("email");
+          const storedPassword = localStorage.getItem("password");
+
+          if (email === storedEmail && password === storedPassword) {
             loginSuccessBanner.style.display = "block";
             setTimeout(() => {
               loginSuccessBanner.style.display = "none";
+              document.getElementById("loginEmail").value = "";
+              document.getElementById("loginPassword").value = "";
             }, 3000);
-            document.getElementById("loginEmail").value = "";
-            document.getElementById("loginPassword").value = "";
-          }else{
+          } else {
             loginDeclineBanner.style.display = "block";
             setTimeout(() => {
               loginDeclineBanner.style.display = "none";
-            }, 3000);
+            }, 6000);
           }
         }
       }
 
       function validateEmail(email) {
-        const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
         return re.test(email);
       }
-
-      // Password toggle visibility for login
-      const togglePassword = document.getElementById("togglePassword");
-      const passwordInput = document.getElementById("loginPassword");
-
-      togglePassword.addEventListener("click", function () {
-        const type = passwordInput.getAttribute("type") === "password" ? "text" : "password";
-        passwordInput.setAttribute("type", type);
-
-        this.classList.toggle("fa-eye");
-        this.classList.toggle("fa-eye-slash");
-      });
-
-      // Password toggle visibility for register
-      const toggleRegisterPassword = document.getElementById("toggleRegisterPassword");
-      const passwordRegisterInput = document.getElementById("registerPassword");
-
-      toggleRegisterPassword.addEventListener("click", function () {
-        const type = passwordRegisterInput.getAttribute("type") === "password" ? "text" : "password";
-        passwordRegisterInput.setAttribute("type", type);
-
-        this.classList.toggle("fa-eye");
-        this.classList.toggle("fa-eye-slash");
-      });
     });
-    </script>
+  </script>
 </body>
-</html>
+</html>
\ No newline at end of file