Merge pull request #192 from T-Rahul-prabhu-38/main

✨added ChatBot (issue#165 solved)✨
swaraj-das · Oct 8, 2024 · e8be1bc · e8be1bc
2 parents e8d132d + 58ecbd3
commit e8be1bc
Show file tree

Hide file tree

Showing 9 changed files with 187 additions and 76 deletions.
diff --git a/SignUp/signup.css b/SignUp/signup.css
@@ -151,4 +151,3 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focu
     color: #ff80ab;
     text-decoration: underline;
 }
-
diff --git a/SignUp/signup.html b/SignUp/signup.html
@@ -8,6 +8,9 @@
     <link rel="shortcut icon" href="../images/logo.png" type="image/x-icon">
 </head>
 <body>
+    <div class="linksHome">
+        <a href="../index.html">home</a>
+    </div>
     <div class="signup-container">
         <h1>Create Your Account</h1>
         <form action="#" method="post">

diff --git a/darkMode.js b/darkMode.js
@@ -0,0 +1,22 @@
+const checkbox = document.getElementById('checkbox')
+const modeLabel = document.getElementById('mode-label')
+
+// Check if dark mode is already enabled
+if (localStorage.getItem('theme') === 'dark') {
+    document.documentElement.setAttribute('data-theme', 'dark')
+    checkbox.checked = true
+    modeLabel.textContent = 'Dark Mode'
+}
+
+// Add event listener for toggle switch
+checkbox.addEventListener('change', () => {
+    if (checkbox.checked) {
+        document.documentElement.setAttribute('data-theme', 'dark')
+        localStorage.setItem('theme', 'dark')
+        modeLabel.textContent = 'Dark Mode'
+    } else {
+        document.documentElement.setAttribute('data-theme', 'light')
+        localStorage.setItem('theme', 'light')
+        modeLabel.textContent = 'Light Mode'
+    }
+})
diff --git a/index.html b/index.html
@@ -13,6 +13,7 @@
 
 <body>
         <div class="container">
+
             <div class="navbar">
                 <a href="/"> <img src="images/logo.png" class="logo" alt="Logo"></a>
                 <a href="/"><span class="website-name">Collect your GamingTools</span></a>
@@ -29,15 +30,18 @@
                         <span class="slider"></span>
                     </label>
                     </ul>
+
                 </nav>
 
+
              <!-- Search Bar (initially hidden) -->
             <div class="search-bar hidden" id="searchBar">
                 <input type="text" id="search-input" placeholder="Search..." />
                 <button type="button" onclick="performSearch()">🔍</button>
             </div>
 
-                <img src="images/menu.png" class="menu-icon" onclick="toggleMenu()">
+            <img src="images/menu.png" class="menu-icon" onclick="toggleMenu()">
+
             </div>
             <label class="switch">
                 <input type="checkbox" id="theme-toggle" onchange="toggleTheme()">
@@ -361,9 +365,22 @@ <h2>Contact Us</h2>
 
     <!-- Scripts -->
     <script src="script.js"></script>
-    <!-- Ionicons Scripts -->
     <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
     <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
+
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "PQ-VOcdM1R3PiYlZUrsTY",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="PQ-VOcdM1R3PiYlZUrsTY"
+        domain="www.chatbase.co"
+        defer>
+        </script>
 </body>
 
+
 </html>
diff --git a/login/forgot.css b/login/forgot.css
@@ -226,15 +226,15 @@ body{
     font-size: 15px; 
 }
 
-.links a:first-child: hover{
+.links a:first-child:hover{
     text-decoration: underline;
 }
 
 .links a:not(:last-child) {
     margin-right: 20px; 
 }
 
-.links a: hover {
+.links a:hover {
     color: #ff80ab;
 }
 
@@ -258,14 +258,47 @@ body{
     font-size: 15px; 
 }
 
-.links a:first-child: hover{
+.links a:first-child:hover{
     text-decoration: underline;
 }
 
 .links a:not(:last-child) {
     margin-right: 20px; 
 }
 
-.links a: hover {
+.links a:hover {
     color: #ff80ab;
 }
+
+
+.linksHome{
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    color: #fb5283;
+    background-color: rgb(255, 211, 211);
+    color: black;
+    padding: 15px;
+    text-decoration: none;
+    border-radius: 15px;
+}
+a{
+    text-decoration: none;
+}
+
+
+.linksHome{
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    color: #eb6289;
+    background-color: rgb(255, 211, 211);
+    color: black;
+    padding: 15px;
+    font-size: large;
+    text-decoration: none;
+    border-radius: 15px;
+}
+a{
+    text-decoration: none;
+}
diff --git a/login/forgot.html b/login/forgot.html
@@ -10,6 +10,9 @@
 </head>
 
 <body>
+    <div class="linksHome">
+        <a href="../index.html">home</a>
+    </div>
     <div class="login-container">
         <h1>Forgot Password</h1>
         <form action="#" method="post">

diff --git a/login/login.css b/login/login.css
@@ -225,7 +225,7 @@ body{
     font-size: 15px; 
 }
 
-.links a:first-child: hover{
+.links a:first-child:hover{
     text-decoration: underline;
 }
 
@@ -264,10 +264,9 @@ body{
 }
 
 
-.links a: hover {
+.links a:hover {
     color: #ff80ab;
 }
-}
 
 .links {
     margin-top: 18px;
@@ -288,14 +287,46 @@ body{
     font-size: 15px; 
 }
 
-.links a:first-child: hover{
+.links a:first-child:hover{
     text-decoration: underline;
 }
 
 .links a:not(:last-child) {
     margin-right: 20px; 
 }
 
-.links a: hover {
+.links a:hover {
     color: #ff80ab;
 }
+
+.linksHome{
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    color: #fb5283;
+    background-color: rgb(255, 211, 211);
+    color: black;
+    padding: 15px;
+    text-decoration: none;
+    border-radius: 15px;
+}
+a{
+    text-decoration: none;
+}
+
+
+.linksHome{
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    color: #eb6289;
+    background-color: rgb(255, 211, 211);
+    color: black;
+    padding: 15px;
+    font-size: large;
+    text-decoration: none;
+    border-radius: 15px;
+}
+a{
+    text-decoration: none;
+}
diff --git a/login/login.html b/login/login.html
@@ -7,7 +7,11 @@
     <link rel="shortcut icon" href="logo.png" type="image/x-icon">
 </head>
 <body>
+    <div class="linksHome">
+        <a href="../index.html">home</a>
+    </div>
     <div class="login-container">
+
         <h1>Login to Your Account</h1>
         <form action="#" method="post">
             <div class="input-group">
Original file line number	Diff line number	Diff line change
Expand Up		@@ -151,4 +151,3 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focu
		color: #ff80ab;
		text-decoration: underline;
		}