Merge branch 'html/better-register-page' into 'master'

Better register page

See merge request luna/litecord!3
This commit is contained in:
Luna Mendes 2018-11-19 02:04:31 +00:00
commit 4058222e75
4 changed files with 55 additions and 12 deletions

View File

@ -11,7 +11,7 @@ from .relationships import bp as relationships
from .dms import bp as dms from .dms import bp as dms
from .icons import bp as icons from .icons import bp as icons
from .nodeinfo import bp as nodeinfo from .nodeinfo import bp as nodeinfo
from .static import bp as static
__all__ = ['gateway', 'auth', 'users', 'guilds', 'channels', __all__ = ['gateway', 'auth', 'users', 'guilds', 'channels',
'webhooks', 'science', 'voice', 'invites', 'relationships', 'webhooks', 'science', 'voice', 'invites', 'relationships',
'dms', 'icons', 'nodeinfo'] 'dms', 'icons', 'nodeinfo', 'static']

View File

@ -0,0 +1,9 @@
from quart import Blueprint, current_app as app
from pathlib import Path
bp = Blueprint('static', __name__)
@bp.route('/<path:path>')
async def static_pages(path):
return app.send_static_file(str(Path(f'./static/{path}')))

View File

@ -0,0 +1,31 @@
html, body {
background-color: #23272a;
color: white;
font-family: sans-serif;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column nowrap;
margin: 0;
}
@media (max-width: 500px) {
html,
body {
display: inherit !important;
padding: 1em;
}
main {
width: 100%;
}
}
* { box-sizing: border-box; }
.rounded-thing {
border-radius: 5px;
background-color: #2c2f33;
padding: 10px;
}
input { padding: 5px; }
input[type=submit] { padding: 5px; }
input[type=submit]:hover { background-color: #7298da; padding: 5px; }

View File

@ -1,23 +1,26 @@
<html> <html>
<head> <head>
<title>litecord: register</title>
<link href="css/invite_register.css" rel="stylesheet">
</head> </head>
<body> <body>
<p>register</p> <div style="padding: 10px;"/>
<main class="rounded-thing">
<h1>register</h1>
<form method="post" action="/api/v6/auth/register_inv"> <form method="post" action="/api/v6/auth/register_inv">
<p>your username</p> <input type="text" name="username" placeholder="your username"/>
<input type="text" name="username"/> <br/>
<p>your email</p> <input type="text" name="email" placeholder="your email"/>
<input type="text" name="email"/> <br/>
<p>your password</p> <input type="password" name="password" placeholder="your password"/>
<input type="password" name="password"/> <br/>
<p>invite code</p> <input type="text" name="invcode" placeholder="invite code"/>
<input type="text" name="invcode"/>
<p/><input type="submit" value="register"> <p/><input type="submit" value="register">
</form> </form>
</main>
</body> </body>
</html> </html>