-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (139 loc) · 5.11 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<title>Document</title>
</head>
<body>
<script src="wasm_exec.js"></script>
<nav class="shadow navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="https://github.com/saikumarjetti/go-wasm">
<svg
xmlns="http://www.w3.org/2000/svg"
width="45"
height="45"
fill="currentColor"
class="bi bi-github ms-4 me-3"
viewBox="0 0 16 16"
>
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
/>
</svg>
<div class="text-center">Github</div>
</a>
<div class="d-none d-lg-block fw-normal fs-4">
Hiding data in Image using Steganography with two-level security
(using webAssembly)
</div>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-center"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item m-md-3">
<a href="./index.html">
<button type="button" class="btn-lg btn-outline-secondary">
Encode
</button>
</a>
</li>
<li class="nav-item m-md-3">
<a href="./decode.html">
<button type="button" class="btn-lg btn-outline-secondary">
Decode
</button>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<h1 class="fs-4 fw-normal my-5">
Provided an image and a message to embed in it, as well as a password to
secure it. The message is first encrypted using the AES (Advanced
Encryption Standard) technique before being integrated into the picture
with the LSB algorithm.
</h1>
<!-- file upload -->
<div class="row">
<div class="col-md-5">
<div class="mb-3">
<label for="formFile" class="form-label"
>Choose file to upload</label
>
<input
class="form-control"
onchange="readURL(this)"
type="file"
id="formFile"
/>
</div>
<!-- message -->
<div class="form-group my-3">
<label for="msg">Secret message</label>
<textarea
onkeyup="updatetxtlen()"
class="form-control"
id="msg"
rows="3"
cols="3"
></textarea>
<div class=" " id="txtlen">length : 0</div>
</div>
<!-- passwoed -->
<div class="form-group my-3">
<label class="my-1" for="password">Password</label>
<input
type="password"
class="form-control"
id="password"
placeholder="Password"
/>
</div>
<button class="btn btn-secondary my-1" onclick="encodeImage(this)">
Encode
</button>
</div>
<div class="col-md-7">
<div class="form-group">
<div class="form-label">Image preview</div>
<img src="" id="finalImage" width="100%" height="300px" />
<a id="download" href="" download>
<button class="btn btn-secondary my-3">Save Image</button>
</a>
</div>
</div>
</div>
</div>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="script.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"
></script>
</body>
</html>