diff options
Diffstat (limited to 'views/signup.ejs')
| -rw-r--r-- | views/signup.ejs | 146 |
1 files changed, 146 insertions, 0 deletions
diff --git a/views/signup.ejs b/views/signup.ejs new file mode 100644 index 0000000..a7a7231 --- /dev/null +++ b/views/signup.ejs @@ -0,0 +1,146 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>Sin's SS Logger | Signup</title> + <link rel="shortcut icon" href="https://i.imgur.com/69mCrs0.jpg" type="image/jpg"> + <!-- CSS --> + <link rel="stylesheet" href="css/main.css"> + <link rel="stylesheet" href="css/now-ui-kit.css"> + <link rel="stylesheet" href="css/bootstrap.min.css"> + + <style> + html, + body { + background-color: #202124; + user-select: none; + } + + .container { + z-index: 999; + } + + #white-txt { + color: white !important; + } + + .highlightable { + user-select: text; + } + + footer { + position: fixed; + left: 0; + bottom: 3px; + width: 100%; + color: white; + text-align: center; + } + + #pink-link { + color: pink; + } + #pink-link:hover { + color: rgb(214, 161, 170); + } + </style> + <!-- External Libraries --> + <!-- Invisible Scripts --> + <script src="https://code.jquery.com/jquery-3.5.0.min.js" + integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script> + <script src="js/now-ui-kit.js"></script> + <script src="js/main.js"></script> + <!-- External Libraries --> + <!-- Invisible Scripts --> + </head> + <body> + <!-- Visable Scripts --> + + <nav class="navbar navbar-expand-lg bg-transparent hideme" id="navbar-remove"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item"> + <a href="#" class="nav-link disabled" style="opacity: 1;">Database Status: <span + style="color: #99CC33;">Online</span></a> + </li> + <div class="divider-vertical"></div> + <li class="nav-item"> + <a class="nav-link" href="/">Home</a> + </li> + <!--<li class="nav-item"> + <a class="nav-link" href="/discord/bots/uwufier/about/">About</a> + </li>--> + <li class="nav-item active"> + <a href="#" class="nav-link">Profile <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item disabled"> + <a href="#" class="nav-link disabled">API</a> + </li> + <div class="divider-vertical"></div> + <li class="nav-item"> + <a href="https://kyzer.co" class="nav-link">More stuff from Sin</a> + </li> + </ul> + <!-- <button class="btn btn-outline-secondary my-2 my-sm-0 btn-round btn-sm">LOGIN</button> --> + </div> + </nav> + + <div class="container my-5 hideme"> + <div class="row"> + <div class="col-sm"></div> + <div class="col-sm"> + <h4 class="pt-4" id="white-txt">Signup</h4> + <form action="/signup" method="POST" class="my-4"> + <div class="form-group"> + <label for="emailSignup" class="sr-only">Email</label> + <input type="email" name="emailSignup" id="emailSignup" class="form-control mr-2" + placeholder="Email" pattern=".{6,}" required> + <small id="loginUserhelp" class="form-text text-muted">Don't worry, we never share your email with anyone.</small> + </div> + <div class="form-group"> + <label for="userSignup" class="sr-only">Username</label> + <input type="text" name="userSignup" id="userSignup" class="form-control mr-2" + placeholder="Username" pattern=".{3,}" required> + <small id="loginUserhelp" class="form-text text-muted">Must be atleast 3 characters.</small> + </div> + <div class="form-group"> + <label for="passSignup" class="sr-only">Password</label> + <input type="password" name="passSignup" id="passSignup" class="form-control mr-2" + placeholder="Password" pattern=".{3,}" required> + <small id="loginUserhelp" class="form-text text-muted">Pick something secure and easy to remember! Must be atleast 3 characters.</small> + <div class="pt-3"> + <button type="submit" class="btn btn-success">Signup</button> + <a href="/login"> + <button type="button" class="btn btn-primary" style="float: right;">Back? + Login</button> + </a> + </div> + </div> + </form> + </div> + <div class="col-sm"></div> + </div> + </div> + + <footer> + <link rel="stylesheet" type="text/css" + href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> + Made with <i class="icon ion-heart"></i> by <a href="https://kyzer.co/">Sin</a> (in only 10 hours). + </footer> + + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" + integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"> + </script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" + integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"> + </script> + <script src="https://code.jquery.com/jquery-3.5.0.min.js" + integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script> + </body> +</html>
\ No newline at end of file |