Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Merge pull request 'LoginHtml' (#19) from LoginHtml into develop

Browse Source 
Reviewed-on: #19
This commit is contained in:
Fabian 2025-02-27 09:35:15 +00:00
commit fd439b2d12
6 changed files with 159 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.idea/Webshop.iml generated
View File

@ -6,5 +6,6 @@
<orderEntry type="inheritedJdk" /> <orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" /> <orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="font-awesome" level="application" /> <orderEntry type="library" name="font-awesome" level="application" />
<orderEntry type="library" name="boxicons" level="application" />
</component> </component>
</module> </module>

19
.idea/inspectionProfiles/Project_Default.xml generated
View File

@ -6,11 +6,28 @@
<option name="myIgnoreVendorSpecificProperties" value="false" /> <option name="myIgnoreVendorSpecificProperties" value="false" />
<option name="myCustomPropertiesList"> <option name="myCustomPropertiesList">
<value> <value>
<list size="1"> <list size="2">
<item index="0" class="java.lang.String" itemvalue="interpolate-size" /> <item index="0" class="java.lang.String" itemvalue="interpolate-size" />
<item index="1" class="java.lang.String" itemvalue="cutline" />
</list> </list>
</value> </value>
</option> </option>
</inspection_tool> </inspection_tool>
<inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
<option name="myValues">
<value>
<list size="7">
<item index="0" class="java.lang.String" itemvalue="nobr" />
<item index="1" class="java.lang.String" itemvalue="noembed" />
<item index="2" class="java.lang.String" itemvalue="comment" />
<item index="3" class="java.lang.String" itemvalue="noscript" />
<item index="4" class="java.lang.String" itemvalue="embed" />
<item index="5" class="java.lang.String" itemvalue="script" />
<item index="6" class="java.lang.String" itemvalue="input-box" />
</list>
</value>
</option>
<option name="myCustomValuesEnabled" value="true" />
</inspection_tool>
</profile> </profile>
</component> </component>

2
.idea/jsLibraryMappings.xml generated
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="JavaScriptLibraryMappings"> <component name="JavaScriptLibraryMappings">
<file url="file://$PROJECT_DIR$" libraries="{HTML, HTTP Pre-Request and Response Handler, Node.js Core, font-awesome}" /> <file url="file://$PROJECT_DIR$" libraries="{HTML, HTTP Pre-Request and Response Handler}" />
</component> </component>
</project> </project>

52
public/login/index.html
View File

@ -1,24 +1,46 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" xmlns="http://www.w3.org/1999/html">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./Styles/login/style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<title>Login</title> <title>Login</title>
<style>
input::-ms-reveal,
input::-ms-clear {
display: none;
}</style>
</head> </head>
<body> <body>
<div> <div class="wrapper">
<label> <form action="">
E-Mail <h1>Login</h1>
<br> <div class="input-box">
<input type="text" id="loginMail"> <label>
</label> <input type="text" placeholder="Username" required>
<br> </label>
<label> <i class='bx bxs-user'></i>
Passwort </div>
<br> <div class="input-box">
<input type="password" id="loginPassword"> <input type="password" placeholder="Passwort" required>
</label> <i class='bx bxs-lock-alt'></i>
<br> </div>
<button onclick="login()">Login</button>
<div class="remember-forgot">
<label><input type="checkbox"> Passwort merken </label>
<a href="#">Passwort vergessen?</a>
</div>
<button type="submit" class="btn">Login</button>
<div class="register-link">
<p>Noch keinen Account? <a href="#">Registrieren</a></p>
</div>
</form>
</div> </div>
<!-- scripts --> <!-- scripts -->

102
static/Styles/login/style.css Normal file
View File

@ -0,0 +1,102 @@
{
margin: 0
;
padding: 0
;
box-sizing: border-box
;
font-family: "Poppins", sans-serif
;
}
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: url("../../images/LoginBackround.jpg");
}
.wrapper {
width: 420px;
background: lightgrey;
color: #111111;
border-radius: 15px;
padding: 45px 25px;
}
.wrapper h1 {
font-size: 36px;
text-align: center;
margin-bottom: 40px;
}
.wrapper .input-box {
position: relative;
width: 89%;
height: 50px;
margin: 20px 1px;
}
.input-box input {
width: 100%;
height: 100%;
outline: none;
border: 2px solid rgba(255, 255, 255, .2);
border-radius: 40px;
font-size: 16px;
padding: 0 20px;
}
.wrapper .input-box input::placeholder {
color: #111111;
}
.input-box i {
position: absolute;
left: 390px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
}
.wrapper .remember-forgot {
display: flex;
justify-content: space-between;
font-size: 16.5px;
margin: 10px 20px;
}
.remember-forgot a {
color: #111111;
text-decoration: none;
}
.remember-forgot a:hover {
text-decoration: underline;
}
.wrapper .register-link {
font-size: 14px;
text-align: center;
}
.register-link a {
color: #111111;
text-decoration: none;
margin: -1px 6px;
}
.register-link a:hover {
text-decoration: underline;
}
.wrapper .btn {
width: 100%;
height: 50px;
border: none;
outline: none;
margin-top: 40px;
border-radius: 40px;
cursor: pointer;
}

BIN
static/images/LoginBackround.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 534 KiB