diff options
| author | Emile <hanemile@protonmail.com> | 2019-10-06 23:52:09 +0200 |
|---|---|---|
| committer | Emile <hanemile@protonmail.com> | 2019-10-06 23:52:09 +0200 |
| commit | 72e86f736dca3b2da6f200d91a459c8faab3e288 (patch) | |
| tree | 04780e81f2a244cd12f61d2cb999800fb64111d2 /hosted/login.html | |
| parent | 4444639dcb256b2928abc5f1e925f2529797c1f1 (diff) | |
basic setup
Diffstat (limited to 'hosted/login.html')
| -rw-r--r-- | hosted/login.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/hosted/login.html b/hosted/login.html new file mode 100644 index 0000000..6105549 --- /dev/null +++ b/hosted/login.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> + <style type="text/css"> + body { + background-image: url("/files/background.png"); + } + .vertical-center { + min-height: 100%; /* Fallback for browsers do NOT support vh unit */ + min-height: 100vh; /* These two lines are counted as one :-) */ + + display: flex; + align-items: center; + } + </style> + </head> + <body> + <div class="container"> + <div class="row"> + <div class="col"></div> + <div class="col"> + <div class="vertical-center"> + <div class="card card-body"> + <h1> + Companion + </h1> + + <form method="POST"> + <div class="form-group"> + <label for="nameInput">Name</label> + <input type="text" class="form-control" id="nameInput" placeholder="Name" name="username" autofocus> + </div> + <div class="form-group"> + <label for="accesscodeInput">Access Code</label> + <input type="password" class="form-control" id="accesscodeInput" placeholder="Access Code" name="accesscode"> + </div> + <button type="submit" class="btn btn-primary">Login</button> + </form> + </div> + </div> + </div> + <div class="col"></div> + </div> + </div> + </body> +</html> |
