Initial commit
This commit is contained in:
8
HTML/LoginScreen/.idea/.gitignore
generated
vendored
Normal file
8
HTML/LoginScreen/.idea/.gitignore
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
8
HTML/LoginScreen/.idea/LoginScreen.iml
generated
Normal file
8
HTML/LoginScreen/.idea/LoginScreen.iml
generated
Normal file
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
7
HTML/LoginScreen/.idea/discord.xml
generated
Normal file
7
HTML/LoginScreen/.idea/discord.xml
generated
Normal file
@@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="DiscordProjectSettings">
|
||||
<option name="show" value="PROJECT_FILES" />
|
||||
<option name="description" value="" />
|
||||
</component>
|
||||
</project>
|
||||
8
HTML/LoginScreen/.idea/modules.xml
generated
Normal file
8
HTML/LoginScreen/.idea/modules.xml
generated
Normal file
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/LoginScreen.iml" filepath="$PROJECT_DIR$/.idea/LoginScreen.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
28
HTML/LoginScreen/index.html
Normal file
28
HTML/LoginScreen/index.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Login Screen</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
function onClick() {
|
||||
const email = document.getElementById("Email").value;
|
||||
const password = document.getElementById("Password").value;
|
||||
if (email === "leon@ladenbau-hoppe.de" && password === "1234567890") {
|
||||
window.alert("Successfully logged in!")
|
||||
}else {
|
||||
window.alert("Username or Password incorrect!")
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="login">
|
||||
<h1>Login</h1>
|
||||
<input type="email" placeholder="Email" id="Email"> <br>
|
||||
<input type="password" placeholder="Password" id="Password"> <br>
|
||||
<button onclick="onClick()">Login</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
42
HTML/LoginScreen/style.css
Normal file
42
HTML/LoginScreen/style.css
Normal file
@@ -0,0 +1,42 @@
|
||||
body {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.login {
|
||||
background-color: darkgray;
|
||||
width: 500px;
|
||||
height: 400px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.login input {
|
||||
margin: 10px auto;
|
||||
width: 400px;
|
||||
height: 50px;
|
||||
background: none;
|
||||
border-color: aquamarine;
|
||||
border-radius: 25px;
|
||||
text-align: center;
|
||||
color: snow;
|
||||
}
|
||||
|
||||
.login h1 {
|
||||
font-size: 50px;
|
||||
font-family: "Cooper Black";
|
||||
color: green;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.login button {
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
background-color: aqua;
|
||||
margin: 50px auto;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user