Anishkagupta04 · varshith257 · Jun 7, 2024 · Jun 1, 2024 · Jun 1, 2024 · Jun 1, 2024
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
 
 
   <link rel="stylesheet" type="text/css" href="./style.css" />
@@ -36,6 +36,139 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
+    <style>
+      .icons {
+  position: absolute;
+/*  bottom: 380px;
+  right: 175px;
+  */
+  right: 1225px;
+  transform: translateX(50%);
+  z-index: 2;
+}
+
+.socials-menu {
+	opacity: 0;	
+	transition: opacity 0.5s;
+}
+
+.active > .socials-menu {
+	opacity: 1;	
+}
+
+.share-button {
+	position: absolute;
+	border: none;
+	cursor: pointer;
+	z-index: 2;
+	transition: all 0.4s ease-in-out;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 4rem;
+	height: 4rem;
+	background-color: var(--background);
+	border-radius: 50%;
+	outline: 2px solid white;
+	outline-offset: 3px;
+}
+.active .share-button, .share-button:hover {
+	background-color: var(#00C896);
+	transform: scale(1.03);
+}
+
+.share-button:hover {
+	background-color: #00C896;
+}
+
+.social {
+	position: absolute;
+	list-style: none;
+	transition: all 0.5s ease-in-out;
+	display: grid;
+	cursor: pointer;
+	place-items: center;
+	width: 4rem;
+	height: 4rem;
+	border-radius: 50%;
+	outline: 2px solid white;
+	outline-offset: 3px;
+}
+
+.social a {
+	display: grid;
+	cursor: pointer;
+	place-items: center;
+}
+
+.social li a {
+  transition: font-size 0.3s;
+}
+
+.active .social:nth-child(1) {
+	transform: translateX(-5rem);
+}
+
+
+.active .social:nth-child(1) {
+	background: #7289da !important; 
+}
+
+.active .social:nth-child(2) {
+	transform: translateY(-5rem);
+}
+
+.active .social:nth-child(2){
+	background-color: #3a76f0 !important;
+}
+
+.active .social:nth-child(3) {
+	transform: translateX(5rem);
+}
+
+.active .social:nth-child(3){
+	background: grey !important; 
+}
+
+.active .social:nth-child(4) {
+	transform: translateY(5rem);
+}
+
+.active .social:nth-child(4){
+	background-color: #ff4500 !important;
+}
+
+.light-mode .social {
+	outline: 2px solid black;
+}
+
+.light-mode .share-button {
+	outline: 2px solid black;
+  color: black;
+}
+
+.light-mode .share-button svg path{
+  color: black; 
+  stroke: #000000;
+}
+.light-mode .share-button svg .box{
+  stroke: white;
+}
+
+@media (max-width: 768px) {
+  .icons{
+    position: absolute;
+  }
+}
+
+@media (max-width: 480px) {
+  .icons{
+    position: absolute;
+    top: calc(100% - 50vh);
+    right: calc(100% - 75vw);
+  }
+}
+    </style>
     <style>
       /* Ensure the input takes up full width */
        /* Ensure the input takes up full width */
@@ -226,25 +359,6 @@
       </nav>
       </div>
     </header>
-    <!--chatbox-->
-    <button class="chatbot-toggler">
-      <span class="material-symbols-rounded">mode_comment</span>
-      <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-      <header>
-        <h2>Chatbot</h2>
-        <span class="close-btn material-symbols-outlined">close</span>
-      </header>
-      <ul class="chatbox">
-
-      </ul>
-      <div class="chat-input">
-        <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-        <span id="send-btn" class="material-symbols-rounded">send</span>
-      </div>
-    </div>
-
 
   <!-- ############# Header ############# -->
 
@@ -1081,7 +1195,95 @@ <h4>Quick Links</h4>
             <li><a href="./Html-Files/contact.html">Contact Us</a></li>
             <li><a href="#services">Services</a></li>
             <li><a href="#doctors">Doctors</a></li>
+            <li>
+              <div class="icons">
+                <button class="share-button">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    viewBox="0 0 24 24"
+                    stroke-width="2"
+                    stroke="white"
+                    fill="none"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  >
+                    <path
+                      stroke="none"
+                      d="M0 0h24v24H0z"
+                      fill="none"
+                      class="box"
+                    ></path>
+                    <path d="M6 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+                    <path d="M18 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+                    <path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+                    <path d="M8.7 10.7l6.6 -3.4"></path>
+                    <path d="M8.7 13.3l6.6 3.4"></path>
+                  </svg>
+                </button>
+                <ul class="socials-menu">
+                  <li class="social" id="discord" title="discord">
+                    <a href="https://discord.com/">
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        fill="currentColor"
+                        class="bi bi-discord"
+                        viewBox="0 0 16 16"
+                      >
+                        <path
+                          d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"
+                        />
+                      </svg>
+                    </a>
+                  </li>
+                  <li class="social" title="signal" id="signal">
+                    <a href="https://signal.org/">
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        fill="currentColor"
+                        class="bi bi-signal"
+                        viewBox="0 0 16 16"
+                      >
+                        <path
+                          d="m6.08.234.179.727a7.3 7.3 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.3 7.3 0 0 1 2.01.832l.388-.643A8 8 0 0 0 9.92.234m-8.77 3.63a8 8 0 0 0-.916 2.215l.727.18a7.3 7.3 0 0 1 .832-2.01l-.643-.386zM.75 8a7 7 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7 7 0 0 1 .75 8m11.384 6.848-.384-.64a7.2 7.2 0 0 1-2.007.831l.18.728a8 8 0 0 0 2.211-.919M15.251 8q0 .547-.082 1.086l.74.112a8 8 0 0 0 0-2.398l-.74.114q.082.54.082 1.086m.516 1.918-.728-.18a7.3 7.3 0 0 1-.832 2.012l.643.387a8 8 0 0 0 .917-2.219m-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a8 8 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.2 7.2 0 0 1-1.537 1.534l.446.605a8 8 0 0 0 1.695-1.689zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8 8 0 0 0-1.69-1.691zM2.163 3.7A7.2 7.2 0 0 1 3.7 2.163l-.45-.604a8 8 0 0 0-1.691 1.69l.604.45zm12.688.163-.644.387c.377.623.658 1.3.832 2.007l.728-.18a8 8 0 0 0-.916-2.214M6.913.831a7.3 7.3 0 0 1 2.172 0l.112-.74a8 8 0 0 0-2.396 0zM2.547 14.64 1 15l.36-1.549-.729-.17-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357zM.786 12.612l.732.168.25-1.073A7.2 7.2 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623-1.073.25.17.731.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.2 7.2 0 0 1-1.962-.811zM8 1.5a6.5 6.5 0 0 0-6.498 6.502 6.5 6.5 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.5 6.5 0 0 0 8 1.5"
+                        />
+                      </svg>
+                    </a>
+                  </li>
+                  <li class="social" title="Github" id="github">
+                    <a href="https://github.com/GameSphere-MultiPlayer">
+                      <i class="fa-brands fa-github" style="color: white"></i>
+                    </a>
+                  </li>
+                  <li class="social" title="reddit" id="reddit">
+                    <a href="https://www.reddit.com/?rdt=35900" title="Facebook">
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        fill="currentColor"
+                        class="bi bi-reddit"
+                        viewBox="0 0 16 16"
+                      >
+                        <path
+                          d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z"
+                        />
+                        <path
+                          d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165"
+                        />
+                      </svg>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </li>
             <li><a href="./faq.html">FAQ</a></li>
+
           </ul>
         </div>
         <div class="footer-col">
@@ -1115,14 +1317,6 @@ <h4>RAPIDOC Newsletter</h4>
             <input type="text" placeholder="Your email" required>
             <button type="submit">SUBSCRIBE</button>
           </form>
-          <div class="icons">
-            <i class="fa-brands fa-facebook-f"></i>
-            <i class="fa-brands fa-x-twitter"></i>
-            <i class="fa-brands fa-linkedin"></i>
-            <i class="fa-brands fa-github"></i>
-            <i class="fa-solid fa-phone"></i>
-            <i class="fa-solid fa-envelope"></i>
-          </div>
         </div>
       </div>
       <div id="copyright" style="text-align: center">
@@ -1219,6 +1413,18 @@ <h4>RAPIDOC Newsletter</h4>
   <script src="swiper/swiper-bundle.min.js"></script>
   <script src="https://unpkg.com/typed.js@2.0.132/dist/typed.umd.js"></script>
   <script src="js/main.js"></script>
+  <script>
+window.embeddedChatbotConfig = {
+chatbotId: "xjRGZgxJziSoHQ1T1twl6",
+domain: "www.chatbase.co"
+}
+</script>
+<script
+src="https://www.chatbase.co/embed.min.js"
+chatbotId="xjRGZgxJziSoHQ1T1twl6"
+domain="www.chatbase.co"
+defer>
+</script>
   <script src="patient-portal.js"></script>
   <script src="swiper-bundle.min.js"></script>
 
@@ -1261,6 +1467,23 @@ <h4>RAPIDOC Newsletter</h4>
   });
   });
   </script>
+  <script>
+    const shareButton = document.querySelector(".share-button");
+    const toggleSocials = () => {
+      const socialsWrapper = document.querySelector(".icons");
+      const shareButtonImage = shareButton.querySelector("img");
+
+      socialsWrapper.classList.toggle("active");
+
+      if (shareButtonImage.src.includes("share")) {
+        shareButtonImage.src = "close.svg";
+      } else {
+        shareButtonImage.src = "assets/share.svg";
+      }
+    };
+
+    shareButton.addEventListener("click", toggleSocials);
+  </script>
 </body>
 
 </html>
diff --git a/login.html b/login.html
@@ -8,6 +8,11 @@
   <link rel="icon" type="image/x-icon" href="log/favicon.ico">
   <link href="https://cdn.lineicons.com/4.0/lineicons.css" rel="stylesheet" />
   <link rel="stylesheet" href="log/login.css">
+  <script src="scriptsignup.js" defer type="module"></script>
+  <script src="signupjs.js" defer type="module"></script>
+  <script src="signupjs1.js" defer type="module"></script>
+  <meta name="google-signin-client_id" content="646664380070-n07i34glgcc6sanb59p3m1k5k0cgn1v1.apps.googleusercontent.com">
+  <!--script src="https://www.googletagmanager.com/gtag/js?l=dataLayer&amp;id=undefined" async=""></script-->
 </head>
 <body>
   <div class="container" id="container">
@@ -22,7 +27,7 @@ <h1>RAPIDOC </h1>
         <span id="registerMessage" style="display: none;">Account created successfully</span>
         <div class="social-container">
           <a href="www.facebook.com" class="social"><i class="lni lni-facebook-fill"></i></a>
-          <a href="www.google.com" class="social"><i class="lni lni-google"></i></a>
+          <a id="google1" class="social"><i class="lni lni-google"></i></a>
           <a href="www.linkedin.com" class="social"><i class="lni lni-linkedin-original"></i></a>
         </div>
       </form>
@@ -46,8 +51,8 @@ <h1>RAPIDOC</h1>
         <span>or use your account</span>
         <div class="social-container">
           <a href="www.facebook.com" class="social"><i class="lni lni-facebook-fill"></i></a>
-          <a href="www.google.com" class="social"><i class="lni lni-google"></i></a>
-          <a href="www.linkedin.com" class="social"><i class="lni lni-linkedin-original"></i></a>
+          <a class="social" id="google"><i class="lni lni-google"></i></a>
+          <a href="www.linkedin.com" class="social" id="google"><i class="lni lni-linkedin-original"></i></a>
         </div>
       </form>
     </div>
@@ -74,6 +79,7 @@ <h1 class="title">Start your <br> journey now</h1>
   </div>
 
   <script src="log/script.js"></script>
+  <script src="https://apis.google.com/js/platform.js" async defer></script>
   <script>
     document.addEventListener("DOMContentLoaded", function() {
       const registerButton = document.getElementById("register");