summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
author8cy <[email protected]>2020-05-06 12:05:56 -0700
committer8cy <[email protected]>2020-05-06 12:05:56 -0700
commit1fd3e91928bf41ac72cd56b260fb6a6f42d47143 (patch)
treecb921eb41eaf359c2551fb4f303831c56db80cab /views
downloadslog-1fd3e91928bf41ac72cd56b260fb6a6f42d47143.tar.xz
slog-1fd3e91928bf41ac72cd56b260fb6a6f42d47143.zip
A New Beginning
Diffstat (limited to 'views')
-rw-r--r--views/error.ejs128
-rw-r--r--views/index.ejs258
-rw-r--r--views/login.ejs140
-rw-r--r--views/profile.ejs129
-rw-r--r--views/signup.ejs146
5 files changed, 801 insertions, 0 deletions
diff --git a/views/error.ejs b/views/error.ejs
new file mode 100644
index 0000000..add570f
--- /dev/null
+++ b/views/error.ejs
@@ -0,0 +1,128 @@
+<!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 | Error</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">Error</h4>
+ <h5 class="pt-2" id="white-txt">If you are here, you probably expirienced some kind of error.
+ Because this site is in early access, error codes are currently disabled. If you are repeatedly
+ getting the same error, please join <a href="https://discord.gg/DVwXUwx">Sin's Support
+ Server</a> on Discord and report a error.</b></h5>
+ <div class="pt-3">
+ <a href="#" onclick="window.history.back();">
+ <button type="submit" class="btn btn-success">Back</button>
+ </a>
+ </div>
+ </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
diff --git a/views/index.ejs b/views/index.ejs
new file mode 100644
index 0000000..04d1cce
--- /dev/null
+++ b/views/index.ejs
@@ -0,0 +1,258 @@
+<!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 | Home</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);
+ }
+
+ @media (max-width: 1810px) {
+ .newest {
+ display: none;
+ }
+ }
+ </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>
+ </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 active">
+ <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+ </li>
+ <!--<li class="nav-item">
+ <a class="nav-link" href="/discord/bots/uwufier/about/">About</a>
+ </li>-->
+ <li class="nav-item">
+ <a href="/profile" class="nav-link">Profile</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">
+ <form action="/submitEntry" method="POST" class="my-4 form-inline">
+ <div class="row">
+ <div class="col-sm">
+ <label for="transactionType" class="sr-only">Type of transaction</label>
+ <select name="transactionType" id="transactionType" class="form-control mr-2" <% if (name === null) { %> disabled <% } %>>
+ <option value="purchase">Purchase</option>
+ <option value="sale">Sale</option>
+ <option value="trade">Trade</option>
+ </select>
+
+ <label for="carsType" class="sr-only">Cars</label>
+ <input type="text" name="carsType" id="carsType" class="form-control mr-2"
+ placeholder="Car(s)" min="2" max="16" required <% if (name === null) { %> disabled <% } %>>
+
+ <label for="sellerType" class="sr-only">Seller, Buyer or Trader's Name</label>
+ <input type="text" name="sellerType" id="sellerType" class="form-control mr-2"
+ placeholder="Seller/ Buyer/ Trader's Name" min="1" max="50" required
+ <% if (name === null) { %> disabled <% } %>>
+
+ <label for="priceType" class="sr-only">Price or Received Cars</label>
+ <input type="text" name="priceType" id="priceType" class="form-control mr-2"
+ placeholder="Price/ Received Car(s)" min="1" required <% if (name === null) { %> disabled
+ <% } %>>
+
+ <% if (name === null) { %>
+ <a href="/login">
+ <button type="button" class="btn btn-danger">Login to submit</button>
+ </a>
+ <% } else { %>
+ <button type="submit" class="btn btn-success">Submit</button>
+ <% } %>
+ </div>
+ </div>
+ </form>
+
+ <div class="row">
+ <div class="col-sm">
+ <h3 id="white-txt">Purchases</h3>
+ <table class="table table-striped">
+ <thead>
+ <tr>
+ <th id="white-txt">Car(s)</th>
+ <th id="white-txt">Seller</th>
+ <th id="white-txt">Price</th>
+ <th id="white-txt">TOS</th>
+ </tr>
+ </thead>
+ <tbody>
+ <% if (name === null) { %>
+ <tr>
+ <td id="white-txt" class="highlightable">RX7</td>
+ <td id="white-txt" class="highlightable">Sin</td>
+ <td id="white-txt" class="highlightable">150000</td>
+ <td id="white-txt" class="highlightable">2020-05-06T08:08:34.827Z</td>
+ </tr>
+ <% } else { %>
+ <% loop.forEach(lp => { %>
+ <tr>
+ <td id="white-txt" class="highlightable"><%= lp.cars %></td>
+ <td id="white-txt" class="highlightable"><%= lp.seller %></td>
+ <td id="white-txt" class="highlightable"><%= lp.price %></td>
+ <td id="white-txt" class="highlightable"><%= lp.date %></td>
+ </tr>
+ <% }) %>
+ <% } %>
+ </tbody>
+ </table>
+ </div>
+ <div class="col-sm">
+ <h3 id="white-txt">Sales</h3>
+ <table class="table table-striped">
+ <thead>
+ <tr>
+ <th id="white-txt">Car(s)</th>
+ <th id="white-txt">Buyer</th>
+ <th id="white-txt">Price</th>
+ <th id="white-txt">TOS</th>
+ </tr>
+ </thead>
+ <tbody>
+ <% if (name === null) { %>
+ <tr>
+ <td id="white-txt" class="highlightable">R34</td>
+ <td id="white-txt" class="highlightable">Sin</td>
+ <td id="white-txt" class="highlightable">180000</td>
+ <td id="white-txt" class="highlightable">2020-05-04T02:02:56.8F9J</td>
+ </tr>
+ <% } else { %>
+ <% loop2.forEach(lp => { %>
+ <tr>
+ <td id="white-txt" class="highlightable"><%= lp.cars %></td>
+ <td id="white-txt" class="highlightable"><%= lp.seller %></td>
+ <td id="white-txt" class="highlightable"><%= lp.price %></td>
+ <td id="white-txt" class="highlightable"><%= lp.date %></td>
+ </tr>
+ <% }) %>
+ <% } %>
+ </tbody>
+ </table>
+ </div>
+ <div class="col-sm">
+ <h3 id="white-txt">Trades</h3>
+ <table class="table table-striped">
+ <thead>
+ <tr>
+ <th id="white-txt">Received Car(s)</th>
+ <th id="white-txt">Trader</th>
+ <th id="white-txt">Traded Car(s)</th>
+ <th id="white-txt">TOS</th>
+ </tr>
+ </thead>
+ <tbody>
+ <% if (name === null) { %>
+ <td id="white-txt" class="highlightable">R32</td>
+ <td id="white-txt" class="highlightable">Sin</td>
+ <td id="white-txt" class="highlightable">R34</td>
+ <td id="white-txt" class="highlightable">2020-05-02T06:21:23.2J7F</td>
+ <% } else { %>
+ <% loop3.forEach(lp => { %>
+ <tr>
+ <td id="white-txt" class="highlightable"><%= lp.cars %></td>
+ <td id="white-txt" class="highlightable"><%= lp.seller %></td>
+ <td id="white-txt" class="highlightable"><%= lp.price %></td>
+ <td id="white-txt" class="highlightable"><%= lp.date %></td>
+ </tr>
+ <% }) %>
+ <% } %>
+ </tbody>
+ </table>
+ </div>
+ </div>
+
+ <div class="newest hideme" style="position: absolute; top: 5%; left: 5%;">
+ <h1 id="white-txt">TODO:</h1>
+ <ul style="position: relative; left: -25%;">
+ <li id="white-txt">Add more API features</li>
+ <li id="white-txt">Add delete and change features (lol)</li>
+ <li id="white-txt">Add marketplace</li>
+ <li id="white-txt">Add automated password, email and<br /> username change requests</li>
+ <li id="white-txt">Add feature which imports old Sin's <br /> SS Logger desktop app data into web app.</li>
+ </ul>
+ </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
diff --git a/views/login.ejs b/views/login.ejs
new file mode 100644
index 0000000..62ee497
--- /dev/null
+++ b/views/login.ejs
@@ -0,0 +1,140 @@
+<!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 | Login</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">Login</h4>
+ <form action="/login" method="POST" class="my-4">
+ <div class="form-group">
+ <label for="userLogin" class="sr-only">Email or Username</label>
+ <input type="text" name="userLogin" id="userLogin" class="form-control mr-2"
+ placeholder="Username" pattern=".{3,}" required>
+ </div>
+ <div class="form-group">
+ <label for="passLogin" class="sr-only">Password</label>
+ <input type="password" name="passLogin" id="passLogin" class="form-control mr-2"
+ placeholder="Password" pattern=".{3,}" required>
+ <small id="loginUserhelp" class="form-text text-muted"><a href="#">Forgot your
+ password?</a> Coming soon!</small>
+ <div class="pt-3">
+ <button type="submit" class="btn btn-success">Login</button>
+ <a href="/signup">
+ <button type="button" class="btn btn-primary" style="float: right;">New?
+ Signup</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
diff --git a/views/profile.ejs b/views/profile.ejs
new file mode 100644
index 0000000..a79411b
--- /dev/null
+++ b/views/profile.ejs
@@ -0,0 +1,129 @@
+<!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 | Profile</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">
+ <%= name %>
+ </h4>
+ <form action="/logout" method="POST" class="my-4">
+ <div class="form-group">
+ <button type="submit" class="btn btn-danger">Logout</button>
+ <a href="#">
+ <button type="button" class="btn btn-primary" style="float: right;">Coming soon!</button>
+ </a>
+ </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
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
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-11 00:49:30 +0000