-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (105 loc) · 6.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code Editor</title>
<link rel="stylesheet" href="loginStyle.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="login-box">
<h2>Login</h2>
<form action="#">
<div class="input-box">
<input type="text" id="uname" required>
<label>User Name</label>
</div>
<div class="input-box">
<input type="password" id="pass" required>
<label>Password</label>
</div>
<div class="forgot-password">
<a href="#">Forgot Password</a>
</div>
<button type="submit" class="btn" id="btn">Login</button>
<div class="signup-link">
<a href="#" id="register">Register</a>
</div>
</form>
</div>
<span style="--i:0;"></span><span style="--i:1;"></span><span style="--i:2;"></span><span style="--i:3;"></span><span style="--i:4;"></span><span style="--i:5;"></span><span style="--i:6;"></span><span style="--i:7;"></span><span style="--i:8;"></span><span style="--i:9;"></span><span style="--i:10;"></span><span style="--i:11;"></span><span style="--i:12;"></span><span style="--i:13;"></span><span style="--i:14;"></span><span style="--i:15;"></span><span style="--i:16;"></span><span style="--i:17;"></span><span style="--i:18;"></span><span style="--i:19;"></span><span style="--i:20;"></span><span style="--i:21;"></span><span style="--i:22;"></span><span style="--i:23;"></span><span style="--i:24;"></span><span style="--i:25;"></span><span style="--i:26;"></span><span style="--i:27;"></span><span style="--i:28;"></span><span style="--i:29;"></span><span style="--i:30;"></span><span style="--i:31;"></span><span style="--i:32;"></span><span style="--i:33;"></span><span style="--i:34;"></span><span style="--i:35;"></span><span style="--i:36;"></span><span style="--i:37;"></span><span style="--i:38;"></span><span style="--i:39;"></span><span style="--i:40;"></span><span style="--i:41;"></span><span style="--i:42;"></span><span style="--i:43;"></span><span style="--i:44;"></span><span style="--i:45;"></span><span style="--i:46;"></span><span style="--i:47;"></span><span style="--i:48;"></span><span style="--i:49;"></span>
</div>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>
Project Update Notice:<br><br>
Dear valued users,<br><br>
We are diligently working on enhancing this project to provide you with an even better experience...
</p>
<p>
Login Information:<br><br>
Please Use username: 'user' and password: 'user@123' to login. Register is Not Working Yet, I Will Make It Working In Further Updates.....
</p>
<p>
For any suggestions or inquiries, please feel free to reach out to us at your convenience via email at:
<a href="mailto:[email protected]?subject=Project%20Feedback&body=Hello%20Ankith,%20I%20Have%20One%20Suggestion%20%0D%0A%0D%0A">[email protected]</a>.
</p>
</div>
</div>
<script type="text/javascript">
// alert("Project Update Notice:\n\nDear valued users,\n\nWe are diligently working on enhancing this project to provide you with an even better experience. Please bear with us as we strive to implement updates that will further elevate its functionality and usability. Your patience during this phase is greatly appreciated.\n\nFor any suggestions or inquiries, please feel free to reach out to us at your convenience via email at: [email protected].\n\nLogin Information:\n- Username: 'user'\n- Password: 'user@123'\n\nPlease note that the registration feature is currently under development and is not yet functional. Rest assured, we are committed to making it available in upcoming updates.\n\nThank you for your understanding and support.\n\nSincerely,\nAnkith Gowda B S");
// alert("Login Information:\n\nPlease Use username: 'user' and password: 'user@123' to login.\nRegister is Not Working Yet, I Will Make It Working In Further Updates.....");
const button = document.querySelector("#btn");
button.addEventListener("click",function(event){
if(document.querySelector("#pass").value == "user@123" && document.querySelector("#uname").value == "user")
{
event.preventDefault();
window.location.href = "./main.html";
}
else{
alert("Wrong credentials");
}
}
);
const Register = document.querySelector("#register");
Register.addEventListener("click",function(){
window.location.href = "./Register.html";
}
);
function changelabel() {
const inputElements = document.querySelectorAll('.input-box input');
inputElements.forEach(input => {
input.addEventListener('focus', function() {
const label = input.nextElementSibling;
label.style.top = '0px';
label.style.fontSize = '0.8em';
label.style.backgroundColor = '#1f293a';
label.style.padding = '0 6px';
label.style.color = '#0ef';
});
});
}
changelabel();
var modal = document.getElementById("myModal");
var span = document.getElementsByClassName("close")[0];
window.onload = function()
{
modal.style.display = "block";
};
span.onclick = function()
{
modal.style.display = "none";
};
window.onclick = function(event)
{
if (event.target == modal)
{
modal.style.display = "none";
}
};
</script>
</body>
</html>