-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
127 lines (91 loc) · 3.1 KB
/
index.php
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
<?php
session_start();
?>
<html>
<head>
<meta charset="UTF-8">
<title>Claver Control Center</title>
<style>
.input-wrapper {
width: 500px;
margin:50px auto 0px auto;
}
/* Set a style for all buttons */
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
/* Add a hover effect for buttons */
button:hover {
opacity: 0.8;
}
/* Center the avatar image inside this container */
.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
}
/* Avatar image */
img.avatar {
width: 100%;
}
/* The "Forgot password" text */
span.psw {
float: right;
padding-top: 16px;
}
</style>
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<form class="login100-form validate-form" action="actions/authenticate.php" method="post">
<div class="imgcontainer">
<img src="/assets/images/claver-control-center.png" alt="Avatar" class="avatar">
</div>
<div class="input-wrapper">
<?php if (isset($_SESSION['login-error'])){ echo "<div class=\"login-error-msg\">".$_SESSION['login-error']."</div>"; } ?>
<div class="wrap-input100 validate-input" data-validate="User name is required">
<input class="input100" type="text" name="username" id="username" placeholder="User Name" required>
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-user" aria-hidden="true"></i>
</span>
</div>
<div class="wrap-input100 validate-input" data-validate="Password is required">
<input class="input100" type="password" name="password" placeholder="Password" id="password" required>
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-lock" aria-hidden="true"></i>
</span>
</div>
<div class="container-login100-form-btn">
<button class="login100-form-btn" type="submit"> Login </button>
</div>
<div style="text-align: center; margin-bottom: 20px;">
<div>
<a class="txt2" href="#"> Do you have an invitation code? </a>
</div>
<div>
<span class="txt1"> Forgot </span>
<a class="txt2" href="#"> Username / Password? </a>
</div>
</div>
</div>
</form>
<script src="/assets/js/jquery-3.2.1.min.js"></script>
<script src="/assets/js/main.js"></script>
<div style="height:100%"></div>
<footer class="footer">Copyright ©2020, McColm Robotics</footer>
<!-- <?php include 'actions/utility/helpers.php'; show_viewport_size(); ?> -->
</body>
</html>
<?php
if(isset($_SESSION['login-error'])){
unset($_SESSION['login-error']);
}
?>