<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ShareDAV Login</title>
<style>
* {
font-family: sans-serif;
}
#login {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
border: solid lightgrey;
padding: 1em;
border-radius: .5em;
}
#login label {
display: block;
margin-bottom: 1em;
}
#message {
margin-bottom: 1em;
font-size: small;
color: darkgray;
}
#controls {
text-align: left;
}
input[type="submit"],
input[type="button"] {
padding: .5em;
border-radius: .5em;
border: 0;
background-color: #c4e1ff;
}
input[type="submit"] {
background-color: #a9ca97;
font-weight: bold;
}
</style>
</head>
<body>
<div id="login">
<form method="post">
<div>
<label>
Username: <input name="username"/>
</label>
<label>
Password: <input type="password" name="password">
</label>
</div>
<div id="message">
Beware! You need to have cookies enabled for the login to work.<br/>
The cookie will be used solely for keeping the session alive.
</div>
<div id="controls">
<input type="submit" value="Login"/>
</div>
</form>
</div>
</body>
</html>