81 lines
984 B
Plaintext
81 lines
984 B
Plaintext
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Charakter erstellen</title>
|
|
|
|
<style>
|
|
|
|
body{
|
|
|
|
margin:0;
|
|
height:100vh;
|
|
|
|
background:url("/images/background_login.png") center / cover no-repeat;
|
|
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
|
|
font-family:sans-serif;
|
|
color:white;
|
|
|
|
}
|
|
|
|
.box{
|
|
|
|
background:rgba(0,0,0,0.7);
|
|
padding:40px;
|
|
border-radius:10px;
|
|
text-align:center;
|
|
width:400px;
|
|
|
|
}
|
|
|
|
input,
|
|
button{
|
|
width: 100%;
|
|
padding: 14px;
|
|
margin-top: 10px;
|
|
|
|
border-radius: 6px;
|
|
border: none;
|
|
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.error{
|
|
|
|
color:red;
|
|
margin-bottom:10px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="box">
|
|
|
|
<h2>Wähle deinen Charakternamen</h2>
|
|
|
|
<% if (typeof error !== "undefined") { %>
|
|
<div class="error"><%= error %></div>
|
|
<% } %>
|
|
|
|
<form action="/create-character" method="POST">
|
|
|
|
<input type="text" name="ingame_name" placeholder="Charaktername" required>
|
|
|
|
<button type="submit">
|
|
Charakter erstellen
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |