From 56663681a6db83b1f3716fd6176d639acd05c3b6 Mon Sep 17 00:00:00 2001 From: Anushka Pote <101658241+Anushka-Pote@users.noreply.github.com> Date: Wed, 23 Oct 2024 12:57:56 +0530 Subject: [PATCH 1/4] Update index.html --- index.html | 52 +++++++++++++++++++++++++++++----------------------- 1 file changed, 29 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index 36e1177..e82362d 100644 --- a/index.html +++ b/index.html @@ -8,30 +8,36 @@ - -
-

+
+ -

- Sign In -

-
-
-

Please enter your username and password

-
- -
-
-
- -
-

Forgot password?

-
- -

Or Sign In with

- +

+ +

+

Sign In

+
+
+

Please enter your username and password

+
+ +
+
+
+ +
+

Forgot password?

+
+ +

Or Sign In with

+
+ + - \ No newline at end of file + From df529fbf127f69d37150f2ceec045476cfec9f97 Mon Sep 17 00:00:00 2001 From: Anushka Pote <101658241+Anushka-Pote@users.noreply.github.com> Date: Wed, 23 Oct 2024 12:58:11 +0530 Subject: [PATCH 2/4] Update forgot_password.html --- forgot_password.html | 44 ++++++++++++++------------------------------ 1 file changed, 14 insertions(+), 30 deletions(-) diff --git a/forgot_password.html b/forgot_password.html index aa337ba..33ef158 100644 --- a/forgot_password.html +++ b/forgot_password.html @@ -12,14 +12,23 @@ } - - -
+ + +
+
+ +
+

-

Forgot Password

+

Forgot Password



Verification code will be sent to your email


@@ -41,31 +50,6 @@

Forgot Password

- - - + From 1f3a85f5a76379873b62dfffabb0116ae7f25f74 Mon Sep 17 00:00:00 2001 From: Anushka Pote <101658241+Anushka-Pote@users.noreply.github.com> Date: Wed, 23 Oct 2024 12:58:33 +0530 Subject: [PATCH 3/4] Update style.css --- style.css | 126 ++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 88 insertions(+), 38 deletions(-) diff --git a/style.css b/style.css index f867e50..62f7d30 100644 --- a/style.css +++ b/style.css @@ -1,67 +1,117 @@ -div{ - height:650px; - width:400px; - background-color: White; - text-align: center; - color:white; - background-color: black; +body { + background-image: url("mountains.webp"); + background-size: cover; + transition: background-color 0.3s ease; +} + +body.dark { + background-color: #121212; + color: #ffffff; +} + +.container { + height: 650px; + width: 400px; margin: auto; border-radius: 2%; + text-align: center; + transition: background-color 0.3s ease, opacity 0.3s ease; } -body{ - background-image: url("mountains.webp"); - background-size: cover; + +.container.dark { + background-color: black; + color: white; +} + +body.light { + background-color: #ffffff; + color: #000000; } -.login{ + +.container.light { + background-color: white; +} + +.login { font-size: 40px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } -.input1{ - font-size:18px; + +.input1, .input2 { + font-size: 18px; text-align: center; - height:50px; - width: 70%; - border-radius: 100px; - border: 3px solid gold; - cursor:pointer; - color: darkgreen; -} -.input2{ - font-size:18px; - text-align: center; - height:50px; + height: 50px; width: 70%; border-radius: 100px; border: 3px solid gold; cursor: pointer; color: darkgreen; } -.button{ + +.button { height: 40px; - width:40%; + width: 40%; border-radius: 100px; font-size: large; background-color: blue; - color:wheat; - cursor:pointer; + color: wheat; + cursor: pointer; } -.para2{ + +.para2 { text-align: right; margin-right: 30px; } -span{ - color:blueviolet; + +span { + color: blueviolet; } -.cross{ + +.cross { text-align: right; margin-right: 10px; } -img{ - height:25px; - width:25px; + +img { + height: 25px; + width: 25px; margin-bottom: 2px; } -.imx{ - height:60px; - width:60px; + +/* Theme switch styles */ +.theme-switch { + position: absolute; + top: 20px; + right: 20px; + display: flex; + align-items: center; +} +.theme-switch input { + display: none; +} +.slider { + cursor: pointer; + height: 24px; + width: 48px; + background-color: #ccc; + border-radius: 50px; + position: relative; + transition: background-color 0.3s; +} +.slider:before { + position: absolute; + content: ""; + height: 20px; + width: 20px; + left: 4px; + bottom: 2px; + background-color: white; + border-radius: 50%; + transition: transform 0.3s; +} +input:checked + .slider { + background-color: #4CAF50; +} +input:checked + .slider:before { + transform: translateX(24px); } From aaa29fd02b6e2cf56ccd352684cedcbcb3d00778 Mon Sep 17 00:00:00 2001 From: Anushka Pote <101658241+Anushka-Pote@users.noreply.github.com> Date: Wed, 23 Oct 2024 12:59:35 +0530 Subject: [PATCH 4/4] Add files via upload --- script.js | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 script.js diff --git a/script.js b/script.js new file mode 100644 index 0000000..ca4ee22 --- /dev/null +++ b/script.js @@ -0,0 +1,57 @@ +const toggleSwitch = document.getElementById('theme-toggle'); + +toggleSwitch.addEventListener('change', () => { + if (toggleSwitch.checked) { + document.body.classList.add('dark'); + document.body.classList.remove('light'); + document.querySelector('.container').classList.add('dark'); + document.querySelector('.container').classList.remove('light'); + } else { + document.body.classList.add('light'); + document.body.classList.remove('dark'); + document.querySelector('.container').classList.add('light'); + document.querySelector('.container').classList.remove('dark'); + } +}); + +// Check the user's preference and apply it +if (localStorage.getItem('theme') === 'dark') { + toggleSwitch.checked = true; + document.body.classList.add('dark'); + document.body.classList.remove('light'); + document.querySelector('.container').classList.add('dark'); + document.querySelector('.container').classList.remove('light'); +} else { + document.body.classList.add('light'); + document.body.classList.remove('dark'); + document.querySelector('.container').classList.add('light'); + document.querySelector('.container').classList.remove('dark'); +} + +// Store the user's preference +toggleSwitch.addEventListener('change', () => { + localStorage.setItem('theme', toggleSwitch.checked ? 'dark' : 'light'); +}); + +function submitEmail() { + const email = document.getElementById('email').value; + if (email) { + // Here, you can add logic to send the email to the backend for verification + + // After email submission, show the password input section + document.getElementById('passwordSection').classList.remove('hidden'); + document.getElementById('emailSubmit').classList.add('hidden'); // Hide email submit button + } else { + alert('Please enter your email.'); + } +} + +function submitPassword() { + const password = document.getElementById('password').value; + if (password) { + // Here, you can add logic to handle password submission to the backend + alert('Password submitted!'); + } else { + alert('Please enter your password.'); + } +} \ No newline at end of file