-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
147 lines (120 loc) · 12.4 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<DOCTYPE html>
<html>
<head>
<link href="lms.css" type="text/css" rel="stylesheet" />
<style type="text/css">
body{
background-image: url(lmsbackground.jpg);
background-size: cover;
}
.logform{
width: auto;
height: auto;
background-color: darkcyan;
opacity: 0.8;
margin-top: 150px;
/*margin-right: 400px;*/
margin-bottom: 150px;
/* margin-left:400px;*/
padding-top:10px;
padding-right: 50px;
padding-bottom: 10px;
padding-left: 50px;
border-radius: 20px;
color: black;
font-weight: bolder;
box-shadow: inset -8px -8px rgba(0,0,0,.5);
}
.logform input[type="text"]{
width: 450px;
padding-left: 150px;
height:30px;
border:1px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.logform input[type="password"]{
width:450px;
padding-left: 150px;
height:30px;
border:1px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.logform input[type="submit"]{
width: 450px;
height:30px;
border:1px;
font-size: 18px;
background-color: lightblue;
font-weight:700;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.logform input[type="submit"]:active{
background-color: red;
color: grey;
::-webkit-input-placeholder {
text-align: left;
}
</style>
</head>
<body onload="choosePic(); document.getElementById('id01').style.display='block';">
<div class="logform">
<form class="lmscenter">
<img src="useraccount.png" alt="User_Account" width="150px" height="150px" >
<font size=36 align=center color="white">Login</font>
<h3>Welcome to the <br/>KNMT Green Univerity.</h3>
<input type="text" class="lmsmobile" placeholder="Please enter your username..">
<br/><br/>
<input type="password" class="lmsmobile" placeholder="Please enter your password..">
<br/><br/>
<input type="submit" class="lmsmobile" value="Login">
<br/><br/>
<a class="" href="https://en.wikipedia.org/wiki/KNMT">forgot password..</a>
</form>
<div class="lmscontainer">
<div id="id01" class="lmsmodal">
<div class="lmsmodal-content lmscard-4 lmsanimate-zoom" style="max-width:600px">
<div class="lmscenter">Type the caracters you see in the picture below.<br>
<span onclick="document.getElementById('id01').style.display='none'" class="lmsbutton lmsxlarge lmshover-red lmsdisplay-topright" title="Close Modal">×</span>
<img src="" alt="Avatar" style="width:30%" id="myPicture" class="lmsmargin-top">
<script>
var myPix = new Array("captcha1.png","captcha2.jpg","captcha3.png","captcha4.gif","captcha5.gif","captcha6.png","captcha7.jpg","captcha8.png","captcha9.png","captcha10.png","captcha11.jpg","captcha12.png","captcha13.png","captcha14.png""captcha15.png""captcha16.jpg""captcha17.jpg""captcha18.jpg""captcha19.jpg""captcha20.jpg""captcha21.jpg","captcha22.jpg","captcha23.jpg","captcha24.jpg","captcha25.jpg");
var randomNum;
function choosePic() {
randomNum = Math.floor((Math.random() * myPix.length));
document.getElementById("myPicture").src = myPix[randomNum];
}
function test(){
if( document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha1.png" && document.getElementById("text").value=="0034523" || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha2.jpg" && document.getElementById("text").value=="polish" || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha4.gif" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha4.gif" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha5.gif" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha6.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha7.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha8.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha9.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha10.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha11.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha12.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha13.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha14.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha15.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha16.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha17.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha18.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha19.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha20.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha21.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha22.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha23.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha24.jpg" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha3.png" && document.getElementById("text").value=="4359" ) || document.getElementById("myPicture").src=="file:///C:/Users/user/Desktop/GreenLMS-master/captcha25.jpg" && document.getElementById("text").value=="4359" ){
alert("You are not a robot");
document.getElementById('id01').style.display='none';
}
else{
alert("wrong");
}
}
</script>
</div>
<form class="lmscontainer">
<div class="lmssection">
<label><b>Letters are case sensitive.</b></label>
<input class="lmsinput lmsborder lmsmargin-bottom" type="text" id="text" placeholder="Please provide your answer" name="usrname" required>
</div>
</form>
<div class="lmscontainer lmsborder-top lmspadding-16 lmslight-grey">
<button onclick="document.getElementById('id01').style.display='none'" type="button" class="lmsbutton lmsred">Back to Home</button>
<button class="lmsbutton lmsred" onclick="test();">continue</button>
<button type="button" class="lmsbutton lmsred lmsright" onclick="choosePic();">Refresh</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>