-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (97 loc) · 4.34 KB
/
index.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
<html>
<head>
<title>Kryptos Steganography Decoder</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="page-header">
<h1>Kryptos Steganography Decoder</h1>
</div>
<ul class="nav nav-tabs" id="tabs" data-tabs="tabs">
<!-- <li role="presentation" class="active"> <a href="#encode" data-toggle="tab">Encode</a></li> -->
<li role="presentation" class="active"> <a href="#decode" data-toggle="tab">Decode</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
<!--
<div class="tab-pane active" id="encode">
<div>
<h2>Encode message</h2>
<p class="alert alert-info">
To encode a message into an image, choose the image you want to use, enter your text and hit the <strong>Encode</strong> button. <br/>
Save the last image, it will contain your hidden message. <br/>
Remember, the more text you want to hide, the larger the image has to be. In case you chose an image that is to small to hold your message you will be informed.<br/><br/>
Neither the image nor the message you hide will be at any moment transmitted over the web, all the magic happens within your browser.
</p>
<form class="form">
<div class="form-group">
<input class="form-control" type="file" name="baseFile" onchange="previewEncodeImage()">
</div>
<div class="form-group">
<textarea class="form-control message" rows="3" placeholder="Enter your message here"></textarea>
</div>
<div class="form-group">
<button class="encode btn btn-default pull-right" onclick="encodeMessage()">Encode</button>
</div>
</form>
<div class="clearfix"></div>
</div>
<div class="error" style="display: none;"></div>
<div class="binary" style="display: none;">
<h3>Binary representation of your message</h3>
<textarea class="form-control message" style="word-wrap:break-word;">
</textarea>
</div>
<div class="images" style="display: none;">
<div class="original" style="display: none;">
<h3>Original</h3>
<canvas></canvas>
</div>
<div class="nulled" style="display: none;">
<h3>Normalized</h3>
<canvas></canvas>
</div>
<div class="message" style="display: none;">
<h3>Message hidden in image (right click <span class="glyphicon glyphicon-arrow-right"></span> save as)</h3>
<canvas></canvas>
</div>
</div>
</div>
-->
<div class="tab-pane active" id="decode">
<div>
<h2>Decode image</h2>
<p class="alert alert-info">
To decode a hidden message from an image, just choose an image and hit the <strong>Decode</strong> button.<br/><br/>
Neither the image nor the message that has been hidden will be at any moment transmitted over the web, all the magic happens within your browser.
</p>
<form class="form">
<div class="form-group">
<input class="form-control" type="file" name="decodeFile" onchange="previewDecodeImage()">
</div>
<div class="form-group">
<button class="decode btn btn-default pull-right" onclick="decodeMessage()">Decode</button>
</div>
</form>
<div class="clearfix"></div>
</div>
<div class="binary-decode" style="display: none;">
<h3>Hidden message</h3>
<textarea class="form-control message" style="word-wrap:break-word;">
</textarea>
</div>
<div class="decode" style="display: none;">
<h3>Input</h3>
<canvas></canvas>
</div>
</div>
</div>
<footer style="text-align: center; margin-top: 20px; margin-bottom: 10px;">
© 2020 by <a href="mailto:[email protected]">Raj Vignesh</a>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script type="text/JavaScript" src="script.js"></script>
</body>
</html>