From 8308cc07f8b9cdebd2ee55efad068b69115386ff Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Mon, 1 Aug 2022 18:02:30 +0530 Subject: [PATCH 01/19] added --- index.html | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..79524b1 --- /dev/null +++ b/index.html @@ -0,0 +1,21 @@ + + + + + + + + Buy Beauty Products at SUGAR Cosmetics + + + + + + + + + +
+ + + From d8a1f38abe9d90d479c61c880dd3a60d7addb10c Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Mon, 1 Aug 2022 18:03:05 +0530 Subject: [PATCH 02/19] Added --- login.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 login.css diff --git a/login.css b/login.css new file mode 100644 index 0000000..3f3aa42 --- /dev/null +++ b/login.css @@ -0,0 +1,35 @@ +@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100&family=Inter:wght@200;700&family=Nunito+Sans:wght@200&family=Open+Sans:wght@300;400&family=Poppins:wght@200;300;500&family=Quicksand:wght@300&family=Ubuntu:wght@500&display=swap"); +* { + font-family: Quicksand; +} + +#navlogin{ +cursor: pointer; +} + +#signappend{ + display: none; + position: absolute; + margin-right: -55%; + margin-top: -25px; + animation: right 2s; + z-index: 1; +} + +@keyframes right{ + from{ + transform: translateX(650px); + } + to{ + transform: translateX(50); + } + } + + #navlogin{ + display: flex; + align-items: center; + + } + + + \ No newline at end of file From 2e8f706090e6558fa363e56bb4995e9693f2ca75 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Mon, 1 Aug 2022 18:04:00 +0530 Subject: [PATCH 03/19] Added --- login.js | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 login.js diff --git a/login.js b/login.js new file mode 100644 index 0000000..e841672 --- /dev/null +++ b/login.js @@ -0,0 +1,10 @@ +let login = (t) => { + return ` +
+ ` +} +export { login } \ No newline at end of file From c46c5d58ae1d70183223c95007917d0be194978d Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Mon, 1 Aug 2022 23:25:39 +0530 Subject: [PATCH 04/19] Added --- common.js | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 89 insertions(+) create mode 100644 common.js diff --git a/common.js b/common.js new file mode 100644 index 0000000..6dbcbfd --- /dev/null +++ b/common.js @@ -0,0 +1,89 @@ +import {login} from "./login.js"; + +let logininfo = JSON.parse(localStorage.getItem("info"))||[]; + +document.getElementById("login").innerHTML = login(logininfo.length); + +import {signUpPage,infopage} from "./signUpPage.js" +document.getElementById("signappend").innerHTML = signUpPage(); +let info = infopage(); + +let navlogin = document.getElementById("navlogin"); + +navlogin.addEventListener("click",()=>{ + let login = document.getElementById("signappend"); + login.style.display = "block"; + login.style.overflowY; + + }) + + let close = document.getElementById("close"); +close.addEventListener("click",()=>{ + let login = document.getElementById("signappend"); + login.style.transform="translateX(710px)"; + login.style.transition="1s"; +}) + +$(".enterotp").keyup(function () { + if (this.value.length == this.maxLength) { + $(this).next('.enterotp').focus(); + } +}); +$(".loginput1").keyup(function () { + if (this.value.length == this.maxLength) { + $(this).next('.loginput1').focus(); + } +}); + +let reqotp = document.getElementById("requestptp"); + +reqotp.addEventListener("click",()=>{ + setTimeout(()=>{ + alert("9876 is Your OTP to login.") + },2000) +}) + +let varifyotp = document.getElementById("verify"); + +varifyotp.addEventListener("click",()=>{ + let otp1 = document.querySelector(".enterotp1").value; + let otp2 = document.querySelector(".enterotp2").value; + let otp3 = document.querySelector(".enterotp3").value; + let otp4 = document.querySelector(".enterotp4").value; + let otp = otp1+otp2+otp3+otp4; + console.log(otp) + let wrong = document.getElementById("incorrect"); + if(otp == Math.floor(Math.random()*10000) && wrong.length!==0){ + wrong.innerText = "Incorrect OTP! Please try again." + wrong.style.color = "red" + } + else{ + document.getElementById("loginbox").innerHTML=info; + userName(); + } +}) +var obj = JSON.parse(localStorage.getItem("userDetails"))||{}; +function userName(){ + let savebtn = document.getElementById("savebtn"); + savebtn.addEventListener("click",()=>{ + let username = document.getElementById("username").value; + let lastname = document.getElementById("userlastname").value; + obj = {username,lastname}; + localStorage.setItem("userDetails",JSON.stringify(obj)); + window.location.href = "index.html" + + }) +} + localStorage.setItem("userDetails",JSON.stringify(obj)); + + let userInfo = JSON.parse(localStorage.getItem("userDetails")); + + if(Object.keys(userInfo).length>0){ + let changename = document.getElementById("changename"); + changename.innerText = "Hi,"+userInfo.username+" "+userInfo.lastname+" " ; + let changebox = document.getElementById("navlogin"); + changebox.style.backgroundColor = "lightgrey"; + changebox.style.height = "30px"; + changebox.style.padding = "5px"; + } + From fc88da6c52fc3ed510222a6a2bc78666fe163926 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 08:41:03 +0530 Subject: [PATCH 05/19] added --- signUpPage.css | 190 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 190 insertions(+) create mode 100644 signUpPage.css diff --git a/signUpPage.css b/signUpPage.css new file mode 100644 index 0000000..c0807c4 --- /dev/null +++ b/signUpPage.css @@ -0,0 +1,190 @@ +@import url("https://fonts.googleapis.com/css?family=Quicksand"); +* { + font-family: Quicksand; +} +#sublogin { + border: 1px solid royalblue; + background-image: url(https://in.sugarcosmetics.com/Login_bg.svg); + height: 900px; + width: 655px; + background-position: 50%; + background-size: cover; + padding: 25px; +} + +#loginbox { + width: 640px; + height: 440px; + background-color: white; + margin-top: 25px; + box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; +} +.boxtop { + display: flex; + justify-content: flex-start; + gap: 15px; + margin-left: 30px; +} +.logmob { + margin-top: 26px; +} +.loginput { + margin-left: 30px; + width: 565px; + height: 45px; + display: flex; + justify-content: space-evenly; + margin-top: 20px; + align-items: center; +} +.loginput1 { + width: 28px; + text-align: center; + border-top: none; + border-right: none; + border-bottom: 1px solid rgb(160, 160, 163); + border-left: none; + border-image: initial; + margin: 3px; + font-weight: 600; + font-size: 24px; + outline: none; +} +#requestptp { + padding: 15px; + border: none; + cursor: pointer; +} +.loginsign { + font-size: 24px; +} +.contrycode { + font-size: calc(1.275rem + 0.3vw); + text-align: center; +} +.hrline { + border: 0.3px solid gray; + position: relative; + margin-top: 80px; + width: 95%; + margin-left: 10px; +} +.enterotp { + width: 25px; +} +#verify { + color: #fff; + width: 180px; + margin-left: 3px; + margin-top: 20px; + font-size: 14px; + border: none; + padding: 10px; + background-color: #fdaac9; + cursor: pointer; +} +#otpsection { + margin-left: 30px; +} +.enterotp { + width: 30px; + height: 30px; +} +.whats { + display: flex; + align-items: center; + position: relative; + margin-top: 10px; +} +#logcontent { + margin-top: 25px; + width: 100%; + height: 300px; +} +.logp { + margin: auto; + width: 600px; + font-size: 15px; + padding: 25px; + font-weight: 600; +} +.logp p { + margin-bottom: 2px !important; +} +#smll { + display: flex; + justify-content: center; +} +#headlog { + font-size: 24px; + color: white; + font-weight: 800; + cursor: pointer; +} +#close { + color: white; + cursor: pointer; +} + + +#fbicon{ + display: flex; + gap: 5px; + margin-left: 30px; +} + +.infohrline{ + border: 0.3px solid gray; + position: relative; + margin-top: 8px; + width: 95%; + margin-left: 10px; +} +#infoinput{ + display: flex; + gap: 5px; +} + +.infoname{ + margin-left: 30px; + height: 35px; + width: 180px +} + +.infoname input{ + border: none; + background-color:#f5f5f5; + width: 100%; + height: 100%; +} + +#infoemail{ + margin-left: 30px; + height: 35px; + width: 366px; + margin-top: 10px; +} + +#infoemail input{ + border: none; + width: 100%; + height: 100%; + background-color:#f5f5f5; + +} + +#savebtn{ + cursor: pointer; + margin-left: 30px; + height: 35px; + width: 366px; + background-color: #fdaac9; + display: flex; + justify-content: center; + align-items: center; + margin-top: 10px; +} + +.detail{ + margin-left: 30px; +} \ No newline at end of file From cda1be722209129505feeaaddb7d74f441d94bfc Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 08:41:40 +0530 Subject: [PATCH 06/19] Added --- signUpPage.js | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 signUpPage.js diff --git a/signUpPage.js b/signUpPage.js new file mode 100644 index 0000000..5c44d49 --- /dev/null +++ b/signUpPage.js @@ -0,0 +1,101 @@ +let signUpPage = ()=>{ + return `
+
+

Login/Sign Up

+
+
+ +

Login/Sign Up Using Phone

+
+
+

+91

+ + + + + + + + + + + +
+
+
+

Enter the 4 digit OTP received on your phone.

+
+ + + + +
+ + +
+
+ +

Get Important Updates on Whatsapp. Terms and Conditions

+
+
+
+
+
+
+

Registering for this site allows you to access your order status and history. Just fill in the + fields below, and we'll get a new account set up for you in no time. We will only ask you + for information necessary to make the purchase process faster and easier.

+
+
+ By Signing up or logging in, you agree to our Terms and Conditions +
+ +
+
` +} + +let infopage = ()=>{ + return `
+ +

WELCOME !

+
+

Phone Number Verified - +91 8084703458 (Try another number)

+
+
+ +
+

Or

+
+ +
+
+
+

Or Enter Account Details

+
+
+ +
+
+ +
+
+
+ +
+
Save and Continue
+` +} + +export {signUpPage,infopage} From 005627abbbd5b7af067ff915d852ea297a8dc8b6 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 12:26:04 +0530 Subject: [PATCH 07/19] Updated --- common.js | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/common.js b/common.js index 6dbcbfd..db2c604 100644 --- a/common.js +++ b/common.js @@ -14,6 +14,7 @@ navlogin.addEventListener("click",()=>{ let login = document.getElementById("signappend"); login.style.display = "block"; login.style.overflowY; + }) @@ -21,8 +22,11 @@ navlogin.addEventListener("click",()=>{ close.addEventListener("click",()=>{ let login = document.getElementById("signappend"); login.style.transform="translateX(710px)"; - login.style.transition="1s"; -}) + login.style.transition="1s"; + setTimeout(function () { + location.reload(); + }, 1000); +}); $(".enterotp").keyup(function () { if (this.value.length == this.maxLength) { @@ -39,7 +43,7 @@ let reqotp = document.getElementById("requestptp"); reqotp.addEventListener("click",()=>{ setTimeout(()=>{ - alert("9876 is Your OTP to login.") + alert( "9876 is Your OTP to login.") },2000) }) @@ -49,11 +53,11 @@ varifyotp.addEventListener("click",()=>{ let otp1 = document.querySelector(".enterotp1").value; let otp2 = document.querySelector(".enterotp2").value; let otp3 = document.querySelector(".enterotp3").value; - let otp4 = document.querySelector(".enterotp4").value; + let otp4 = document.querySelector(".enterotp4").value; let otp = otp1+otp2+otp3+otp4; console.log(otp) let wrong = document.getElementById("incorrect"); - if(otp == Math.floor(Math.random()*10000) && wrong.length!==0){ + if(otp != 9876 && wrong.length!==0){ wrong.innerText = "Incorrect OTP! Please try again." wrong.style.color = "red" } From 2cf7aacae7804ecfa20ebf41caef19da927d9ccd Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 12:27:33 +0530 Subject: [PATCH 08/19] Updated --- signUpPage.css | 57 ++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 44 insertions(+), 13 deletions(-) diff --git a/signUpPage.css b/signUpPage.css index c0807c4..af64d92 100644 --- a/signUpPage.css +++ b/signUpPage.css @@ -1,7 +1,9 @@ @import url("https://fonts.googleapis.com/css?family=Quicksand"); + * { font-family: Quicksand; } + #sublogin { border: 1px solid royalblue; background-image: url(https://in.sugarcosmetics.com/Login_bg.svg); @@ -19,15 +21,18 @@ margin-top: 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } + .boxtop { display: flex; justify-content: flex-start; gap: 15px; margin-left: 30px; } + .logmob { margin-top: 26px; } + .loginput { margin-left: 30px; width: 565px; @@ -37,6 +42,7 @@ margin-top: 20px; align-items: center; } + .loginput1 { width: 28px; text-align: center; @@ -50,18 +56,27 @@ font-size: 24px; outline: none; } + #requestptp { padding: 15px; border: none; cursor: pointer; + } + +#requestptp:hover { + background-color: dimgray; +} + .loginsign { font-size: 24px; } + .contrycode { font-size: calc(1.275rem + 0.3vw); text-align: center; } + .hrline { border: 0.3px solid gray; position: relative; @@ -69,9 +84,11 @@ width: 95%; margin-left: 10px; } + .enterotp { width: 25px; } + #verify { color: #fff; width: 180px; @@ -83,24 +100,33 @@ background-color: #fdaac9; cursor: pointer; } + +#verify:hover{ + background-color: rgb(244, 85, 112); +} + #otpsection { margin-left: 30px; } + .enterotp { width: 30px; height: 30px; } + .whats { display: flex; align-items: center; position: relative; margin-top: 10px; } + #logcontent { margin-top: 25px; width: 100%; height: 300px; } + .logp { margin: auto; width: 600px; @@ -108,72 +134,77 @@ padding: 25px; font-weight: 600; } + .logp p { margin-bottom: 2px !important; } + #smll { display: flex; justify-content: center; } + #headlog { font-size: 24px; color: white; font-weight: 800; cursor: pointer; } + #close { color: white; cursor: pointer; } -#fbicon{ +#fbicon { display: flex; gap: 5px; margin-left: 30px; } -.infohrline{ +.infohrline { border: 0.3px solid gray; position: relative; margin-top: 8px; width: 95%; margin-left: 10px; } -#infoinput{ + +#infoinput { display: flex; gap: 5px; } -.infoname{ +.infoname { margin-left: 30px; height: 35px; width: 180px } -.infoname input{ +.infoname input { border: none; - background-color:#f5f5f5; + background-color: #f5f5f5; width: 100%; height: 100%; } -#infoemail{ +#infoemail { margin-left: 30px; height: 35px; width: 366px; margin-top: 10px; } -#infoemail input{ +#infoemail input { border: none; width: 100%; height: 100%; - background-color:#f5f5f5; - + background-color: #f5f5f5; + } -#savebtn{ +#savebtn { cursor: pointer; margin-left: 30px; height: 35px; @@ -185,6 +216,6 @@ margin-top: 10px; } -.detail{ +.detail { margin-left: 30px; -} \ No newline at end of file +} From 5b0d7e00fbd3ed732d0487617a6b2b2b7db89eec Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 14:17:50 +0530 Subject: [PATCH 09/19] Updated --- common.js | 142 +++++++++++++++++++++++++++--------------------------- 1 file changed, 72 insertions(+), 70 deletions(-) diff --git a/common.js b/common.js index db2c604..7441c48 100644 --- a/common.js +++ b/common.js @@ -1,93 +1,95 @@ -import {login} from "./login.js"; +import { login } from "./login.js"; -let logininfo = JSON.parse(localStorage.getItem("info"))||[]; +let logininfo = JSON.parse(localStorage.getItem("info")) || []; -document.getElementById("login").innerHTML = login(logininfo.length); +document.getElementById("login").innerHTML = login(); + +import { signUpPage, infopage } from "./signUpPage.js"; -import {signUpPage,infopage} from "./signUpPage.js" document.getElementById("signappend").innerHTML = signUpPage(); let info = infopage(); let navlogin = document.getElementById("navlogin"); -navlogin.addEventListener("click",()=>{ - let login = document.getElementById("signappend"); - login.style.display = "block"; - login.style.overflowY; - - - }) - - let close = document.getElementById("close"); -close.addEventListener("click",()=>{ - let login = document.getElementById("signappend"); - login.style.transform="translateX(710px)"; - login.style.transition="1s"; - setTimeout(function () { - location.reload(); - }, 1000); +navlogin.addEventListener("click", () => { + let login = document.getElementById("signappend"); + login.style.display = "block"; + login.style.overflowY; +}); +//=======================Animation +let close = document.getElementById("close"); +close.addEventListener("click", () => { + let login = document.getElementById("signappend"); + login.style.transform = "translateX(800px)"; + login.style.transition = "2s"; + setTimeout(()=>{ + login.style.display="none"; + login.style.transform = "translateX(0px)" + },2000); + }); $(".enterotp").keyup(function () { - if (this.value.length == this.maxLength) { - $(this).next('.enterotp').focus(); - } + if (this.value.length == this.maxLength) { + $(this).next(".enterotp").focus(); + } }); $(".loginput1").keyup(function () { - if (this.value.length == this.maxLength) { - $(this).next('.loginput1').focus(); - } + if (this.value.length == this.maxLength) { + $(this).next(".loginput1").focus(); + } }); let reqotp = document.getElementById("requestptp"); - -reqotp.addEventListener("click",()=>{ - setTimeout(()=>{ - alert( "9876 is Your OTP to login.") - },2000) -}) +let otpc2; +reqotp.addEventListener("click", () => { + let userotp = Math.floor(Math.random() * 1000 + 1000); + otpc2=userotp; + setTimeout(() => { + alert(`${userotp} is Your OTP to login.`); + }, 2000); +}); let varifyotp = document.getElementById("verify"); -varifyotp.addEventListener("click",()=>{ - let otp1 = document.querySelector(".enterotp1").value; - let otp2 = document.querySelector(".enterotp2").value; - let otp3 = document.querySelector(".enterotp3").value; - let otp4 = document.querySelector(".enterotp4").value; - let otp = otp1+otp2+otp3+otp4; - console.log(otp) - let wrong = document.getElementById("incorrect"); - if(otp != 9876 && wrong.length!==0){ - wrong.innerText = "Incorrect OTP! Please try again." - wrong.style.color = "red" - } - else{ - document.getElementById("loginbox").innerHTML=info; - userName(); - } -}) -var obj = JSON.parse(localStorage.getItem("userDetails"))||{}; -function userName(){ - let savebtn = document.getElementById("savebtn"); - savebtn.addEventListener("click",()=>{ +varifyotp.addEventListener("click", () => { + + let otp1 = document.querySelector(".enterotp1").value; + let otp2 = document.querySelector(".enterotp2").value; + let otp3 = document.querySelector(".enterotp3").value; + let otp4 = document.querySelector(".enterotp4").value; + let otp = otp1 + otp2 + otp3 + otp4; + console.log(otp); + let wrong = document.getElementById("incorrect"); + if (otp == otpc2) { + document.getElementById("loginbox").innerHTML = info; + userName(); + } else { + wrong.innerText = "Incorrect OTP! Please try again."; + wrong.style.color = "red"; + } +}); +var obj = JSON.parse(localStorage.getItem("userDetails")) || {}; +function userName() { + let savebtn = document.getElementById("savebtn"); + savebtn.addEventListener("click", () => { let username = document.getElementById("username").value; let lastname = document.getElementById("userlastname").value; - obj = {username,lastname}; - localStorage.setItem("userDetails",JSON.stringify(obj)); - window.location.href = "index.html" - - }) + obj = { username, lastname }; + localStorage.setItem("userDetails", JSON.stringify(obj)); + window.location.href = "index.html"; + }); } - localStorage.setItem("userDetails",JSON.stringify(obj)); - - let userInfo = JSON.parse(localStorage.getItem("userDetails")); - - if(Object.keys(userInfo).length>0){ - let changename = document.getElementById("changename"); - changename.innerText = "Hi,"+userInfo.username+" "+userInfo.lastname+" " ; - let changebox = document.getElementById("navlogin"); - changebox.style.backgroundColor = "lightgrey"; - changebox.style.height = "30px"; - changebox.style.padding = "5px"; - } +localStorage.setItem("userDetails", JSON.stringify(obj)); + +let userInfo = JSON.parse(localStorage.getItem("userDetails")); +if (Object.keys(userInfo).length > 0) { + let changename = document.getElementById("changename"); + changename.innerText = + "Hi," + userInfo.username + " " + userInfo.lastname + " "; + let changebox = document.getElementById("navlogin"); + changebox.style.backgroundColor = "lightgrey"; + changebox.style.height = "30px"; + changebox.style.padding = "5px"; +} From def57f6f7497c193c4d5e4cc933ecdc5c07b6112 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 14:20:46 +0530 Subject: [PATCH 10/19] Updated --- index.html | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 79524b1..85f7e62 100644 --- a/index.html +++ b/index.html @@ -8,9 +8,8 @@ Buy Beauty Products at SUGAR Cosmetics - - - + + From 1e08be2c04720df15d3907c8ea52b897fb2ab976 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 14:25:25 +0530 Subject: [PATCH 11/19] Updated --- login.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/login.css b/login.css index 3f3aa42..8c6bb61 100644 --- a/login.css +++ b/login.css @@ -5,6 +5,7 @@ #navlogin{ cursor: pointer; + } #signappend{ @@ -14,22 +15,21 @@ cursor: pointer; margin-top: -25px; animation: right 2s; z-index: 1; + right: 745px; } @keyframes right{ from{ - transform: translateX(650px); + transform: translateX(700px); } to{ - transform: translateX(50); + transform: translateX(0px); } } #navlogin{ display: flex; align-items: center; - } - \ No newline at end of file From 26f255cccc10808a3fe857ba30a50ec73165dfff Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 14:31:51 +0530 Subject: [PATCH 12/19] Updated --- login.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/login.js b/login.js index e841672..1bb158b 100644 --- a/login.js +++ b/login.js @@ -1,10 +1,10 @@ -let login = (t) => { +let login = () => { return `
` } -export { login } \ No newline at end of file +export { login } From 1da6204b3f5740b4c386edaa5fe0c7d3fde3a6ae Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 14:33:33 +0530 Subject: [PATCH 13/19] Updated --- signUpPage.css | 73 ++++++++++++++++++++------------------------------ 1 file changed, 29 insertions(+), 44 deletions(-) diff --git a/signUpPage.css b/signUpPage.css index af64d92..c7cab2c 100644 --- a/signUpPage.css +++ b/signUpPage.css @@ -1,38 +1,39 @@ @import url("https://fonts.googleapis.com/css?family=Quicksand"); - * { font-family: Quicksand; } - #sublogin { border: 1px solid royalblue; background-image: url(https://in.sugarcosmetics.com/Login_bg.svg); height: 900px; width: 655px; - background-position: 50%; + background-position: 100%; background-size: cover; padding: 25px; + +} +body{ + overflow: hidden; } + #loginbox { width: 640px; height: 440px; background-color: white; margin-top: 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + } - .boxtop { display: flex; justify-content: flex-start; gap: 15px; margin-left: 30px; } - .logmob { margin-top: 26px; } - .loginput { margin-left: 30px; width: 565px; @@ -42,7 +43,6 @@ margin-top: 20px; align-items: center; } - .loginput1 { width: 28px; text-align: center; @@ -56,27 +56,18 @@ font-size: 24px; outline: none; } - #requestptp { padding: 15px; border: none; cursor: pointer; - -} - -#requestptp:hover { - background-color: dimgray; } - .loginsign { font-size: 24px; } - .contrycode { font-size: calc(1.275rem + 0.3vw); text-align: center; } - .hrline { border: 0.3px solid gray; position: relative; @@ -84,11 +75,9 @@ width: 95%; margin-left: 10px; } - .enterotp { width: 25px; } - #verify { color: #fff; width: 180px; @@ -100,33 +89,24 @@ background-color: #fdaac9; cursor: pointer; } - -#verify:hover{ - background-color: rgb(244, 85, 112); -} - #otpsection { margin-left: 30px; } - .enterotp { width: 30px; height: 30px; } - .whats { display: flex; align-items: center; position: relative; margin-top: 10px; } - #logcontent { margin-top: 25px; width: 100%; height: 300px; } - .logp { margin: auto; width: 600px; @@ -134,77 +114,72 @@ padding: 25px; font-weight: 600; } - .logp p { margin-bottom: 2px !important; } - #smll { display: flex; justify-content: center; } - #headlog { font-size: 24px; color: white; font-weight: 800; cursor: pointer; } - #close { color: white; cursor: pointer; } -#fbicon { +#fbicon{ display: flex; gap: 5px; margin-left: 30px; } -.infohrline { +.infohrline{ border: 0.3px solid gray; position: relative; margin-top: 8px; width: 95%; margin-left: 10px; } - -#infoinput { +#infoinput{ display: flex; gap: 5px; } -.infoname { +.infoname{ margin-left: 30px; height: 35px; width: 180px } -.infoname input { +.infoname input{ border: none; - background-color: #f5f5f5; + background-color:#f5f5f5; width: 100%; height: 100%; } -#infoemail { +#infoemail{ margin-left: 30px; height: 35px; width: 366px; margin-top: 10px; } -#infoemail input { +#infoemail input{ border: none; width: 100%; height: 100%; - background-color: #f5f5f5; - + background-color:#f5f5f5; + } -#savebtn { +#savebtn{ cursor: pointer; margin-left: 30px; height: 35px; @@ -216,6 +191,16 @@ margin-top: 10px; } -.detail { +.detail{ margin-left: 30px; } + +#requestptp:hover{ + background-color: gray; +} +#verify:hover{ +background-color: rgb(236, 30, 64); +} +#savebtn:hover{ + background-color: rgb(250, 54, 120); +} From ad718891b4fd5507d0a39cbe7ee0bc8b9e27905b Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 2 Aug 2022 14:35:52 +0530 Subject: [PATCH 14/19] Updated --- signUpPage.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/signUpPage.js b/signUpPage.js index 5c44d49..6e40a5d 100644 --- a/signUpPage.js +++ b/signUpPage.js @@ -98,4 +98,4 @@ let infopage = ()=>{ ` } -export {signUpPage,infopage} +export {signUpPage,infopage}; From 8e21f98707e04dd4158480bd1e8836108f2c2a9c Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Thu, 4 Aug 2022 19:39:46 +0530 Subject: [PATCH 15/19] Rename index.html to login.html --- index.html => login.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename index.html => login.html (100%) diff --git a/index.html b/login.html similarity index 100% rename from index.html rename to login.html From 90a1d4bd74de2ca100153eb5ed1843e8f4a238c4 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Thu, 4 Aug 2022 19:41:36 +0530 Subject: [PATCH 16/19] Updated --- login.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/login.html b/login.html index 85f7e62..79a16a6 100644 --- a/login.html +++ b/login.html @@ -8,10 +8,11 @@ Buy Beauty Products at SUGAR Cosmetics - - + + +
From eaafd532692b7070ef1818d28348d502b7729fef Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Thu, 4 Aug 2022 19:58:53 +0530 Subject: [PATCH 17/19] Updated --- common.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/common.js b/common.js index 7441c48..843c24b 100644 --- a/common.js +++ b/common.js @@ -16,16 +16,16 @@ navlogin.addEventListener("click", () => { login.style.display = "block"; login.style.overflowY; }); -//=======================Animation +//===========Animation let close = document.getElementById("close"); close.addEventListener("click", () => { let login = document.getElementById("signappend"); login.style.transform = "translateX(800px)"; - login.style.transition = "2s"; + login.style.transition = "1s"; setTimeout(()=>{ login.style.display="none"; login.style.transform = "translateX(0px)" - },2000); + },1000); }); @@ -77,7 +77,7 @@ function userName() { let lastname = document.getElementById("userlastname").value; obj = { username, lastname }; localStorage.setItem("userDetails", JSON.stringify(obj)); - window.location.href = "index.html"; + window.location.href = "login.html"; }); } localStorage.setItem("userDetails", JSON.stringify(obj)); From b29f6538d22e6ffe4d0fc56d7d50a0031acf5ddd Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 9 Aug 2022 00:37:06 +0530 Subject: [PATCH 18/19] Delete login.html --- login.html | 21 --------------------- 1 file changed, 21 deletions(-) delete mode 100644 login.html diff --git a/login.html b/login.html deleted file mode 100644 index 79a16a6..0000000 --- a/login.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - Buy Beauty Products at SUGAR Cosmetics - - - - - - - - - -
- - - From 0ab6533384582a643566fa960aef9efd4f782901 Mon Sep 17 00:00:00 2001 From: Md Talib <95065465+talib789@users.noreply.github.com> Date: Tue, 9 Aug 2022 00:37:16 +0530 Subject: [PATCH 19/19] Delete login.js --- login.js | 10 ---------- 1 file changed, 10 deletions(-) delete mode 100644 login.js diff --git a/login.js b/login.js deleted file mode 100644 index 1bb158b..0000000 --- a/login.js +++ /dev/null @@ -1,10 +0,0 @@ -let login = () => { - return ` -
- ` -} -export { login }