-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathantikeylogging.html
205 lines (166 loc) · 7.81 KB
/
antikeylogging.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<title>Alcatraz</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: auto;
}
</style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#myPage">Alcatraz</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#services">DESIGN</a></li>
<li><a href="#view">VIEW</a></li>
<li><a href="#pricing">DEMO</a></li>
<li><a href="#contact">GITHUB</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron text-center" style="background-image: url('images/antikeylogger.jpg');
background-repeat: no-repeat; background-position: center center;
background-attachment: fixed;background-size:cover;height:640px;opacity:0.9"><br><br><br><br><br><br><br>
<h1>Anti Keylogger </h1>
</div>
<!-- Container (About Section) -->
<div id="about" class="container-fluid">
<div class="row">
<div class="col-sm-8">
<h2>Description</h2><br>
<h4>Keyloggers are a type of activity-monitoring software that is installed on your computer without your knowledge. The most common ways of doing this are through phishing, social engineering, bundling the keylogger with other software or downloads on file-sharing sites or installing it when you open an email attachment.
<br><br>
Therefore, an attacker can simply retrieve and access important information with the help of logging keystrokes. Generally, there is no intelligence built-in keylogger, but logs offer information about every single keyboard event and applications that users clicked or typed.
The stealthy keylogger cannot be detected by many Anti-viruses software as running on the victim’s machine. The user has no way to determine the presence of keylogger on his machine, therefore, he turn into a victim of the identity theft </h4><br>
<br>
</div>
<div class="col-sm-4">
<br><br><br>
<img src="images/keylogger.jpg" width="100%">
</div>
</div>
</div>
<div id="services" class="container-fluid">
<div class="container-fluid bg-grey">
<div class="row">
<div class="col-sm-4">
<br><br><br>
<img src="images/arch_antikeylogging.png" width="100%">
<br><br>
<h2>Advantages of our system</h2>
<ul>
<li>Data Confidentiality</li>
<li>Data Integrity</li>
<li>Universal standardization of Auth mehcanism</li>
<li>Multi level authorization</li>
</ul>
</div>
<div class="col-sm-8">
<h2>Design and Implementation </h2><br>
<h4> <br><br>
<h4> The architecture is dovided into server-side and client-side.
The host site will have a number of web pages out of which only some may require the anti keylogging feature. Below is the set of steps involved in the flow/ design.
<br><br>
<ol>
<li>The client side forms and applications are embedded with an attribute called form_name.</li>
<li>The form elements along with this attribute is sent to the antikey.php which finds out whether this page needs to be encrypted or not.</li>
<li>If the page does not need anti keylogging usual flow is proceeded.</li>
<li>Now the paramters are encrypted using the AES encryption algorithm.</li>
<li>The trick to our model is the generation of the encryption key.</li>
<li>The key has to generated dynamically so that any XSS attempt is a failure.</li>
<li>Hence, we use a hash function to generate a dynamic hash. To make it dynamic we use the paramters entered by the user itself.</li>
<li>In OAuth terms a GET request is sent to the server, with a [client_id, {subset of form elements}]. The server has a has function which replies with a hash code.</li>
<li>This hashCode is now used as the encryption key and then the form elements are sent to the destination page</li>
</ol>
<br><br>
</h4><br><br>
<h4><strong>Tech used:</strong>
<ul>
<li> HTML5, jQuery, Bootstrap: For the front end and creation of forms to accept the data from the user </li>
<li>JavaScript: To perform the front end validations and also to gather the key up time from the user </li>
<li>Ajax: To parse the timing data from the frontend JavaScript to the PHP </li>
<li>PHP: To perform all the file operations and IO </li>
<li>JSON: To store the user id’s and the passwords and to maintain session information </li>
</ul>
</h4>
</div>
</div>
</div></div>
<div id="pricing" class="container-fluid">
<div class="jumbotron text-center">
<h1>DEMO</h1>
<p>Give it a try and see what it feels like !</p>
<form>
<div class="input-group">
<div class="input-group-btn">
<a href="form1.php"><button type="button" class="btn btn-danger">Demo</button></a>
</div>
</div>
</form>
</div>
</div>
<footer class="container-fluid text-center">
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<p style="background:#181a1b; color:white">Copyrights© reserved by CodeBlooded</p>
</footer>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
$(window).scroll(function() {
$(".slideanim").each(function(){
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
}
});
});
})
</script>
</body>
</html>