141 lines
1.8 KiB
Plaintext
141 lines
1.8 KiB
Plaintext
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Registrieren - Dynasty of Knights</title>
|
|
|
|
<style>
|
|
|
|
body {
|
|
margin:0;
|
|
min-height:100vh;
|
|
|
|
background:url("/images/background_login.png") center / cover no-repeat;
|
|
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
|
|
font-family:sans-serif;
|
|
}
|
|
|
|
.register-box {
|
|
|
|
width:380px;
|
|
padding:30px;
|
|
|
|
background:rgba(10,15,20,0.8);
|
|
|
|
border-radius:10px;
|
|
|
|
border:1px solid rgba(100,170,255,0.4);
|
|
|
|
box-shadow:
|
|
0 0 40px rgba(0,0,0,0.8),
|
|
0 0 20px rgba(70,120,255,0.5);
|
|
|
|
}
|
|
|
|
input, select, button {
|
|
|
|
width:100%;
|
|
padding:12px;
|
|
margin-bottom:15px;
|
|
|
|
border-radius:6px;
|
|
|
|
border:1px solid rgba(255,255,255,0.2);
|
|
|
|
background:rgba(255,255,255,0.1);
|
|
|
|
color:white;
|
|
|
|
}
|
|
|
|
button {
|
|
|
|
background:linear-gradient(45deg,#3da2ff,#7dd3ff);
|
|
|
|
border:none;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
button:hover {
|
|
|
|
box-shadow:
|
|
0 0 20px #4aa3ff,
|
|
0 0 40px #4aa3ff;
|
|
|
|
}
|
|
|
|
.error {
|
|
|
|
color:red;
|
|
margin-bottom:15px;
|
|
|
|
}
|
|
|
|
.back {
|
|
|
|
display:block;
|
|
text-align:center;
|
|
color:#ccc;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.back:hover {
|
|
color:white;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="register-box">
|
|
|
|
<h2>Account Registrierung</h2>
|
|
|
|
<% if (typeof error !== "undefined") { %>
|
|
<div class="error">
|
|
<%= error %>
|
|
</div>
|
|
<% } %>
|
|
|
|
<form action="/register" method="POST">
|
|
|
|
<select name="server_id" required>
|
|
|
|
<% servers.forEach(server => { %>
|
|
|
|
<option value="<%= server.id %>">
|
|
<%= server.name %>
|
|
</option>
|
|
|
|
<% }) %>
|
|
|
|
</select>
|
|
|
|
<input type="text" name="username" placeholder="Login Username" required>
|
|
|
|
<input type="email" name="email" placeholder="E-Mail Adresse" required>
|
|
|
|
<input type="password" name="password" placeholder="Password" required>
|
|
|
|
<button type="submit">
|
|
Account erstellen
|
|
</button>
|
|
|
|
</form>
|
|
|
|
<a class="back" href="/">
|
|
Zurück zum Login
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |