forked from getjola/getjola.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
130 lines (97 loc) · 4.82 KB
/
login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!--<center>
<br><br>
<h1 style="font-family:calibri;">Jola is currently under maintenance.</h1>
<h2 style="font-family:calibri;">We'll be back soon!</h2>
<a style="font-family:calibri;font-size:1rem;" href="https://twitter.com/getjola">Twitter</a>
<a style="font-family:calibri;font-size:1rem;" href="https://discord.gg/FUPEK4k">Discord</a>
</center>-->
<!doctype html>
<html lang="en">
<head>
<script
type="text/javascript"> (function () { var css = document.createElement('link'); css.href = 'https://use.fontawesome.com/releases/v5.1.0/css/all.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script>
<script>
console.log('%cSTOP!\nNever paste anything here unless you wrote it yourself. You could potentially be giving someone the keys to your account without you even knowing!', 'font-style:bold; color:red;font-size:2rem;');
</script>
<link rel="shortcut icon" type="image/png" href="./assets/costume3.png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Jola - Login</title>
</head>
<body>
<style>
.main-container {
min-height: 100vh;
/* will cover the 100% of viewport */
overflow: hidden;
display: block;
position: relative;
padding-bottom: 100px;
/* height of your footer */
}
</style>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark " style="margin-bottom:5%;" d="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="/"><img width="40" class="animated rollIn"
src="./assets/costume3.png"></img></a>
<div class="collapse navbar-collapse" id="navbarResponsive">
</ul>
</div>
</div>
</div>
</nav>
<div class="container main-container">
<h2 class="mx-auto text-center"> <i class="fas fa-clipboard-check"></i> Sign in to Jola</h2>
<br id="badpass" style="display:none;">
<div id="badpass2" style="display:none;" class="alert alert-danger" role="alert">
Invalid username or password.
</div>
<center>
<div class="form-group col-sm-5">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">Don't have an account? <a
href="./register.html">Register</a>.</small>
</div>
<div class="form-group col-sm-5">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password">
<small class="text-muted"><input type="checkbox" onclick="showPass()"> Show Password</small>
<small id="passHelp" class="form-text text-muted">Forgot your Password? <a href="./forgotpassword.html">Reset
Password</a>.</small>
</div>
<center>
<button type="submit" class="btn btn-outline-dark btn-block col-sm-4" onclick="login()">Authenticate</button>
<br> <br>
<div style="color:black;">
<h4 style="color:black;"> Did you know? </h4>
<p style="color:black;">People in the U.S. spend at least 1896 hours per year at work.</p>
</div>
</center>
</div>
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center" style="color:lightgrey;float:left;"><a style="color:white;" href="./edu">Educators</a>
</p>
<p style="float:right;" class="m-0 text-center text-white">Made with <i style="color:lightpink"
class="fas fa-heart"></i> in the USA.</p> <br>
<p class="m-0 text-center" style="color:lightgrey;float:left;"><a style="color:white;"
href="./legal.html">Legal</a></p>
<p style="float:right;" class="m-0 text-center text-white">© Jola 2019</p> <br>
</div>
</footer>
<script src="./js/sync.js"></script>
<script src="./js/auth.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<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>
</body>
</html>