diff options
Diffstat (limited to 'hosted')
| -rw-r--r-- | hosted/background.png | bin | 0 -> 44640 bytes | |||
| -rw-r--r-- | hosted/index.html | 44 | ||||
| -rw-r--r-- | hosted/login.html | 48 | ||||
| -rw-r--r-- | hosted/register.html | 45 |
4 files changed, 137 insertions, 0 deletions
diff --git a/hosted/background.png b/hosted/background.png new file mode 100644 index 0000000..3654637 --- /dev/null +++ b/hosted/background.png Binary files differdiff --git a/hosted/index.html b/hosted/index.html new file mode 100644 index 0000000..699c7d0 --- /dev/null +++ b/hosted/index.html @@ -0,0 +1,44 @@ +<!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"> + <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> + </head> + <body> + <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4"> + <a class="navbar-brand" href="/">Companion</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/register">Register</a> + </li> + </ul> + </div> + </nav> + <main class="container" role="main"> + <div class="jumbotron"> + <h1 class="display-4">Hello.</h1> + <h3>I'm here to register you.</h3> + <p>I was created so you can obtain a companion the most simple + way possible.</p> + <p>"What is a companion?" you might ask yourself. Well, your + companion is there to start, stop and reset challenge containers + for you. It also takes your flags checking if they are valid or + not. + <p>Please note that I'm not in scope. Please don't hack me. + However, if you accidentally find bugs in my code, ... report + them!</p> + <hr> + <a class="btn btn-primary btn-lg" href="/register" + role="button">Get a companion!</a> + </div> + </main> + </body> +</html> 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> diff --git a/hosted/register.html b/hosted/register.html new file mode 100644 index 0000000..373b64e --- /dev/null +++ b/hosted/register.html @@ -0,0 +1,45 @@ +<!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> + Obtain a Companion + </h1> + + <form method="POST"> + <div class="form-group"> + <label for="nameInput">Please enter your + Name:</label> + <input type="text" class="form-control" id="nameInput" placeholder="Name" name="username" autofocus> + </div> + <button type="submit" class="btn btn-primary">Proceed</button> + </form> + </div> + </div> + </div> + <div class="col"></div> + </div> + </div> + </body> +</html> |
