first commit to new repo
This commit is contained in:
53
views/index.ejs
Executable file
53
views/index.ejs
Executable file
@@ -0,0 +1,53 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>Login</title>
|
||||
<link rel="stylesheet" type="text/css" href="<%= rootUrl %>/static/semantic/dist/semantic.min.css">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 20px;
|
||||
background-color: #f8f8f9;
|
||||
}
|
||||
|
||||
#logoutrow {
|
||||
padding-top: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ui container">
|
||||
<div class="ui horizontally padded centered grid">
|
||||
<div class="row">
|
||||
<div class="fourteen wide mobile ten wide tablet six wide computer column">
|
||||
|
||||
<div class="ui huge header">
|
||||
Welcome, <%= username %>.
|
||||
</div>
|
||||
<div class="ui stacked segment">
|
||||
<div class="ui success message">
|
||||
Login successful!
|
||||
</div>
|
||||
<a class="ui blue button" href="<%= rootUrl %>/stats/games">
|
||||
View saved games
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="logoutrow" class="row">
|
||||
<div class="center aligned fourteen wide mobile ten wide tablet six wide computer column">
|
||||
<a class="ui basic button" href="<%= rootUrl %>/account/logout">Log out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.1.1.min.js"
|
||||
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="<%= rootUrl %>/static/semantic/dist/semantic.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
50
views/login.ejs
Executable file
50
views/login.ejs
Executable file
@@ -0,0 +1,50 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>Login to K A D I</title>
|
||||
<link rel="stylesheet" type="text/css" href="<%= rootUrl %>/static/semantic/dist/semantic.min.css">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 20px;
|
||||
background-color: #f8f8f9;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ui centered grid container">
|
||||
<div class="fourteen wide mobile ten wide tablet six wide computer column">
|
||||
<div class="ui huge header">
|
||||
Login to your Kadi account
|
||||
</div>
|
||||
<% if (messages.error) { %>
|
||||
<div class="ui error message"><%= messages.error %></div>
|
||||
<% } %>
|
||||
<div class="ui stacked segment">
|
||||
<form class="ui form" action="<%= rootUrl %>/account/login" method="POST">
|
||||
<div class="field">
|
||||
<label for="email">Email:</label>
|
||||
<input type="text" id="email" name="email" required/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" id="password" name="password" required/>
|
||||
</div>
|
||||
<button class="ui fluid blue large submit button" type="submit">Login</button>
|
||||
</form>
|
||||
<div class="ui message">
|
||||
No account yet? <a href="<%= rootUrl %>/account/register">Click here to sign up!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.1.1.min.js"
|
||||
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="<%= rootUrl %>/static/semantic/dist/semantic.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
58
views/register.ejs
Executable file
58
views/register.ejs
Executable file
@@ -0,0 +1,58 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<title>Register a K A D I account</title>
|
||||
<link rel="stylesheet" type="text/css" href="<%= rootUrl %>/static/semantic/dist/semantic.min.css">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 20px;
|
||||
background-color: #f8f8f9;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ui centered grid container">
|
||||
<div class="fourteen wide mobile ten wide tablet six wide computer column">
|
||||
<div class="ui huge header">
|
||||
Register a Kadi account
|
||||
</div>
|
||||
<% if (messages.errors) { %>
|
||||
<% for (error in messages.errors) { %>
|
||||
<div class="ui error message">
|
||||
<%= messages.errors[error] %>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<div class="ui stacked segment">
|
||||
<form class="ui form" action="<%= rootUrl %>/account/register" method="POST">
|
||||
<div class="field">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" id="username" name="username" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="email">Email:</label>
|
||||
<input type="text" id="email" name="email" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" id="password" name="password" required />
|
||||
</div>
|
||||
<button class="ui fluid blue large submit button" type="submit">Register</button>
|
||||
</form>
|
||||
<div class="ui message">
|
||||
Already have an account? <a href="<%= rootUrl %>/account/login">Log in here!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.1.1.min.js"
|
||||
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="<%= rootUrl %>/static/semantic/dist/semantic.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user