Skip to content

Commit

Permalink
🐞[bug]:Signup with google isn't working (#430)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Anjaliavv51
Anjaliavv51 authored Jun 7, 2024
1 parent bc8ad66 commit 6bc7816
Show file tree
Hide file tree
Showing 6 changed files with 425 additions and 34 deletions.
279 changes: 251 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Expand Down Expand Up @@ -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 */
Expand Down Expand Up @@ -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 ############# -->

Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>

Expand Down Expand Up @@ -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>
12 changes: 9 additions & 3 deletions login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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");
Expand Down
Loading

0 comments on commit 6bc7816

Please sign in to comment.