mirror of
https://github.com/TheGreyDiamond/elevatormapRewritten.git
synced 2025-12-16 23:10:45 +01:00
Created login system
This commit is contained in:
TheGreyDiamond
@@ -36,6 +36,19 @@
|
||||
<div class="container-login100">
|
||||
|
||||
<div class="wrap-login100">
|
||||
<% if(it.error == true) { %>
|
||||
<div class="alert" id="alert">
|
||||
<span class="closebtn" id="closeBtn">×</span>
|
||||
<%= it.errorMessage %>
|
||||
</div>
|
||||
<script>
|
||||
$("#closeBtn").click(function () {
|
||||
$("#alert").fadeOut("slow", function () {
|
||||
// Animation complete.
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<% } %>
|
||||
<div>
|
||||
<a href="/"><i class="fas fa-arrow-left"></i> Back</a>
|
||||
|
||||
|
||||
56
templates/profile.html
Normal file
56
templates/profile.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- Basic Page Needs
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8">
|
||||
<title><%= it.siteTitel %></title>
|
||||
<meta name="description" content="<%= it.desc %>">
|
||||
<meta name="author" content="<%= it.author %>">
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- FONT
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<!--<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">-->
|
||||
|
||||
<!-- CSS
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/barebones.css">
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/favicon-16.png">
|
||||
|
||||
|
||||
<script async defer src="/js/site.js"></script>
|
||||
<script src="https://kit.fontawesome.com/<%= it.fontawesomeKey %>.js" crossorigin="anonymous"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Primary Page Layout
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<header>
|
||||
<a class="rightMount" href="/logout"><i class="fas fa-sign-out-alt"></i></a>
|
||||
</header>
|
||||
<div class="grid-container thirds" style="margin-top: 5%;">
|
||||
<div></div>
|
||||
<div>
|
||||
<img src="<%= it.gravatarURL %>">
|
||||
<h1><%= it.greeting %></h1>
|
||||
<p>This site is still a bit of a placeholder. But it exists.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</html>
|
||||
63
templates/redirect.html
Normal file
63
templates/redirect.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- Basic Page Needs
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8">
|
||||
<title><%= it.siteTitel %></title>
|
||||
<meta name="description" content="<%= it.desc %>">
|
||||
<meta name="author" content="<%= it.author %>">
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- CSS
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/barebones.css">
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/favicon-16.png">
|
||||
|
||||
|
||||
<script async defer src="/js/site.js"></script>
|
||||
<script src="https://kit.fontawesome.com/<%= it.fontawesomeKey %>.js" crossorigin="anonymous"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Primary Page Layout
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<div class="grid-container thirds" style="margin-top: 5%;">
|
||||
<div></div>
|
||||
<div>
|
||||
<h1><i class="fas fas fa-arrow-right"></i></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-container thirds" style="margin-top: 5%;">
|
||||
<div></div>
|
||||
<div>
|
||||
<h1>You are being redirected</h1>
|
||||
<script>
|
||||
window.location.replace("<%= it.url %>");
|
||||
</script>
|
||||
<a href="<%= it.url %>">Click here if you are not being redirected.</a>
|
||||
<br>
|
||||
<a href="/"><button class="button-primary">
|
||||
Return to the startpage
|
||||
</button>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,110 +1,148 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- Basic Page Needs
|
||||
<head>
|
||||
<!-- Basic Page Needs
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8">
|
||||
<title><%= it.siteTitel %></title>
|
||||
<meta name="description" content="<%= it.desc %>">
|
||||
<meta name="author" content="<%= it.author %>">
|
||||
<meta charset="utf-8" />
|
||||
<title><%= it.siteTitel %></title>
|
||||
<meta name="description" content="<%= it.desc %>" />
|
||||
<meta name="author" content="<%= it.author %>" />
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
<!-- Mobile Specific Metas
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<!-- CSS
|
||||
<!-- CSS
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
|
||||
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/util.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="vendor/bootstrap/css/bootstrap.min.css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="vendor/css-hamburgers/hamburgers.min.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="vendor/animsition/css/animsition.min.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="vendor/select2/select2.min.css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="css/util.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
|
||||
<!-- Favicon
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/favicon-16.png">
|
||||
<link rel="icon" type="image/png" href="images/favicon-16.png" />
|
||||
|
||||
<script src="https://kit.fontawesome.com/<%= it.fontawesomeKey %>.js" crossorigin="anonymous"></script>
|
||||
|
||||
<script
|
||||
src="https://kit.fontawesome.com/<%= it.fontawesomeKey %>.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="limiter">
|
||||
<div class="container-login100">
|
||||
<div class="wrap-login100">
|
||||
<% if(it.error == true) { %>
|
||||
<div class="alert" id="alert">
|
||||
<span class="closebtn" id="closeBtn">×</span>
|
||||
<%= it.errorMessage %>
|
||||
</div>
|
||||
<script>
|
||||
$("#closeBtn").click(function () {
|
||||
$("#alert").fadeOut("slow", function () {
|
||||
// Animation complete.
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<% } %>
|
||||
|
||||
<div>
|
||||
<a href="/"><i class="fas fa-arrow-left"></i> Back</a>
|
||||
</div>
|
||||
<form class="login100-form validate-form" method="post">
|
||||
<span class="login100-form-title p-b-26"> Welcome </span>
|
||||
<span class="login100-form-title p-b-48">
|
||||
<i class="zmdi zmdi-font"></i>
|
||||
</span>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="limiter">
|
||||
<div class="container-login100">
|
||||
|
||||
<div class="wrap-login100">
|
||||
<div>
|
||||
<a href="/"><i class="fas fa-arrow-left"></i> Back</a>
|
||||
|
||||
<div class="wrap-input100">
|
||||
<input class="input100" type="text" name="username" />
|
||||
<span class="focus-input100" data-placeholder="Username"></span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="wrap-input100 validate-input"
|
||||
data-validate="Valid email is: john@test.com"
|
||||
>
|
||||
<input class="input100" type="text" name="email" />
|
||||
<span class="focus-input100" data-placeholder="Email"></span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="wrap-input100 validate-input"
|
||||
data-validate="Enter password"
|
||||
>
|
||||
<span class="btn-show-pass">
|
||||
<i class="zmdi zmdi-eye"></i>
|
||||
</span>
|
||||
<input class="input100" type="password" name="pass" />
|
||||
<span class="focus-input100" data-placeholder="Password"></span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="wrap-input100 validate-input"
|
||||
data-validate="Repeat password"
|
||||
>
|
||||
<span class="btn-show-pass">
|
||||
<i class="zmdi zmdi-eye"></i>
|
||||
</span>
|
||||
<input class="input100" type="password" name="pass2" />
|
||||
<span
|
||||
class="focus-input100"
|
||||
data-placeholder="Repeat Password"
|
||||
></span>
|
||||
</div>
|
||||
|
||||
<div class="h-captcha" data-sitekey="<%= it.sitekey %>"></div>
|
||||
<script
|
||||
src="https://hcaptcha.com/1/api.js"
|
||||
async
|
||||
defer
|
||||
unsafe-eval
|
||||
></script>
|
||||
|
||||
<div class="container-login100-form-btn">
|
||||
<div class="wrap-login100-form-btn">
|
||||
<div class="login100-form-bgbtn"></div>
|
||||
<button class="login100-form-btn">Create a new account</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form class="login100-form validate-form" method="post">
|
||||
<span class="login100-form-title p-b-26">
|
||||
Welcome
|
||||
</span>
|
||||
<span class="login100-form-title p-b-48">
|
||||
<i class="zmdi zmdi-font"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="dropDownSelect1"></div>
|
||||
|
||||
<div class="wrap-input100">
|
||||
<input class="input100" type="text" name="username">
|
||||
<span class="focus-input100" data-placeholder="Username"></span>
|
||||
</div>
|
||||
<script src="vendor/animsition/js/animsition.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/popper.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="vendor/select2/select2.min.js"></script>
|
||||
<script src="vendor/daterangepicker/moment.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate = "Valid email is: john@test.com">
|
||||
<input class="input100" type="text" name="email">
|
||||
<span class="focus-input100" data-placeholder="Email"></span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate="Enter password">
|
||||
<span class="btn-show-pass">
|
||||
<i class="zmdi zmdi-eye"></i>
|
||||
</span>
|
||||
<input class="input100" type="password" name="pass">
|
||||
<span class="focus-input100" data-placeholder="Password"></span>
|
||||
</div>
|
||||
|
||||
<div class="wrap-input100 validate-input" data-validate="Repeat password">
|
||||
<span class="btn-show-pass">
|
||||
<i class="zmdi zmdi-eye"></i>
|
||||
</span>
|
||||
<input class="input100" type="password" name="pass2">
|
||||
<span class="focus-input100" data-placeholder="Repeat Password"></span>
|
||||
</div>
|
||||
|
||||
<div class="h-captcha" data-sitekey="<%= it.sitekey %>"></div>
|
||||
<script src="https://hcaptcha.com/1/api.js" async defer unsafe-eval></script>
|
||||
|
||||
<div class="container-login100-form-btn">
|
||||
<div class="wrap-login100-form-btn">
|
||||
<div class="login100-form-bgbtn"></div>
|
||||
<button class="login100-form-btn">
|
||||
Create a new account
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="dropDownSelect1"></div>
|
||||
|
||||
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script src="vendor/animsition/js/animsition.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/popper.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="vendor/select2/select2.min.js"></script>
|
||||
<script src="vendor/daterangepicker/moment.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<!-- End Document
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user