one

templates/chat.html

@@ -75,7 +75,9 @@
                     <div class="card-footer" style="position: relative;">
                         <form id="messageArea" class="input-group" style="position: relative;">
                             <!-- Predictive Text Suggestions (ADD THIS HERE) -->
-                            <div class="predictive-text" style="position: absolute; background: white; border: 1px solid #ccc; display: none; z-index: 1000; width: 100%;"></div>
+                            <div class="predictive-text" style="position: absolute; display: none; z-index: 1000; width: 100%;"></div>
+
+
                         
                             <input type="text" id="text" name="msg" placeholder="Type your message..." autocomplete="off"
                                 class="form-control type_msg" required />
@@ -87,7 +89,27 @@
                         </form>
                         <button id="clearChat" class="btn btn-danger mt-2">Clear Chat</button>
                         
-                      
+                        <div class="card-footer text-center">
+                            <p class="mb-1">Created by</p>
+                            <div class="d-flex justify-content-center align-items-center">
+                                <span class="mr-2">Ramandeep Singh Makkar</span>
+                                <a href="https://www.linkedin.com/in/ramandeep-singh-makkar/" target="_blank" class="mr-2">
+                                    <i class="fab fa-linkedin"></i>
+                                </a>
+                                <a href="mailto:[email protected]" class="mr-3">
+                                    <i class="fas fa-envelope"></i>
+                                </a>
+                        
+                                <span class="mr-2">Aditya Singh</span>
+                                <a href="https://www.linkedin.com/in/aditsg26/" target="_blank" class="mr-2">
+                                    <i class="fab fa-linkedin"></i>
+                                </a>
+                                <a href="mailto:[email protected]">
+                                    <i class="fas fa-envelope"></i>
+                                </a>
+                            </div>
+                        </div>
+                        
                     
                 </div>
             </div>
@@ -160,7 +182,7 @@
 
                 var userHtml = `
     <div class="d-flex justify-content-end mb-4">
-        <div class="msg_cotainer_send">${rawText}
+        <div class="msg_container_send">${rawText}
             <span class="msg_time_send">${str_time}</span>
         </div>
         <div class="img_cont_msg">
@@ -186,7 +208,7 @@
                         // Append user message to chat
                         let userHtml = `
                             <div class="d-flex justify-content-end mb-4">
-                                <div class="msg_cotainer_send">${rawText}<span class="msg_time_send">${time}</span></div>
+                                <div class="msg_container_send">${rawText}<span class="msg_time_send">${time}</span></div>
                                 <div class="img_cont_msg"><img src="https://i.ibb.co/d5b84Xw/Untitled-design.png" class="rounded-circle user_img_msg"></div>
                             </div>`;
                         $("#messageFormeight").append(userHtml);
@@ -211,7 +233,7 @@
         <div class="img_cont_msg">
             <img src="/static/juitlogo.png" class="rounded-circle user_img_msg">
         </div>
-        <div class="msg_cotainer">${response}<span class="msg_time">${time}</span></div>
+        <div class="msg_container">${response}<span class="msg_time">${time}</span></div>
     </div>`;
 
                             $("#messageFormeight").append($.parseHTML(botHtml));
@@ -241,10 +263,10 @@
                     url: "/get",
                 }).done(function(data) {
                     var lines = data.split("**");
-                    var botHtml = '<div class="d-flex justify-content-start mb-4"><div class="img_cont_msg"><img src="/static/juitlogo.png" class="rounded-circle user_img_msg"></div><div class="msg_cotainer">';
+                    var botHtml = '<div class="d-flex justify-content-start mb-4"><div class="img_cont_msg"><img src="/static/juitlogo.png" class="rounded-circle user_img_msg"></div><div class="msg_container">';
 
                     for (var i = 0; i < lines.length; i++) {
-                        botHtml += '<div class="msg_cotainer">' + lines[i] + '</div>';
+                        botHtml += '<div class="msg_container">' + lines[i] + '</div>';
                     }
                     botHtml += '<span class="msg_time">' + str_time + '</span></div></div>';
                     $("#messageFormeight").append($.parseHTML(botHtml));
@@ -262,30 +284,43 @@
     <script>
         document.addEventListener("DOMContentLoaded", () => {
             const themeToggle = document.getElementById("themeToggle");
-            if (!themeToggle) return; // Prevent errors if button is missing
-        
             const body = document.body;
         
             // Check local storage for a saved theme, default to dark
             const savedTheme = localStorage.getItem("theme") || "dark";
-            body.classList.toggle("light-mode", savedTheme === "light");
+            if (savedTheme === "light") {
+                body.classList.add("light-mode");
+                body.classList.remove("dark-mode");
+            } else {
+                body.classList.add("dark-mode");
+                body.classList.remove("light-mode");
+            }
         
             updateButton(); // Update button text on load
         
             // Toggle theme on button click
             themeToggle.addEventListener("click", () => {
-                body.classList.toggle("light-mode");
-                const newTheme = body.classList.contains("light-mode") ? "light" : "dark";
-                localStorage.setItem("theme", newTheme);
+                if (body.classList.contains("light-mode")) {
+                    // Switch to dark mode
+                    body.classList.remove("light-mode");
+                    body.classList.add("dark-mode");
+                    localStorage.setItem("theme", "dark");
+                } else {
+                    // Switch to light mode
+                    body.classList.remove("dark-mode");
+                    body.classList.add("light-mode");
+                    localStorage.setItem("theme", "light");
+                }
                 updateButton();
             });
         
             function updateButton() {
-                themeToggle.textContent = body.classList.contains("light-mode") ? "Switch to Dark Mode" : "Switch to Light Mode";
+                themeToggle.textContent = body.classList.contains("light-mode")
+                    ? "Switch to Dark Mode"
+                    : "Switch to Light Mode";
             }
         });
         
-        
         function showPredictiveText(predictions) {
             if (predictions.length > 0 && $("#text").val().trim() !== "") {