86 lines
6.0 KiB
HTML
Executable File
86 lines
6.0 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<meta charset='utf-8'>
|
||
<!-- Snow10 - Whitespace steganography. electronic invisible ink.
|
||
Copyright (C) 2017 Kevin Froman https://ChaosWebs.net/
|
||
This program is free software: you can redistribute it and/or modify
|
||
it under the terms of the GNU General Public License as published by
|
||
the Free Software Foundation, either version 3 of the License, or
|
||
(at your option) any later version.
|
||
This program is distributed in the hope that it will be useful,
|
||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
GNU General Public License for more details.
|
||
You should have received a copy of the GNU General Public License
|
||
along with this program. If not, see <http://www.gnu.org/licenses/>. -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||
<meta name='description' content="Perform Whitespace steganography with encryption and zero width characters">
|
||
<meta name='author' content='Kevin Froman'>
|
||
<title>Snow10</title>
|
||
<link rel="stylesheet" href="./bootstrap.min.css">
|
||
<link rel="stylesheet" href="./bootstrap-theme.min.css">
|
||
<link rel="stylesheet" href="./font-awesome.min.css">
|
||
<script src="./jquery.min.js"></script>
|
||
<script src="./bootstrap.min.js"></script>
|
||
<script src="./clipboard.min.js"></script>
|
||
<script src="./jquery.bootstrap-growl.min.js"></script>
|
||
<script src='./aes.min.js'></script>
|
||
<link rel='stylesheet' href='./theme.css'>
|
||
|
||
</head>
|
||
<body>
|
||
<div class="modal" id="outputModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
<h4 class="modal-title center" id="myModalLabel">Your Text Is Ready!</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<br>
|
||
<pre id='output'></pre>
|
||
<div class='center'><button class="btn btn-success" data-clipboard-action="copy" data-clipboard-target="#output">Copy to Clipboard</button></div>
|
||
<div id='copyFeedback' class='center'></div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal" id='modalClose'>Close</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='container'>
|
||
|
||
<div class='page-header'>
|
||
<h1 class='center'>Snow10 ☃</h1>
|
||
</div>
|
||
<p class='center'><a href='help.html'>Help! I'm confused!</a></p>
|
||
<div id='dataArea'>
|
||
<textarea id='text' placeholder=''></textarea>
|
||
</div>
|
||
<div class='center'><button class='btn btn-sm btn-default dataItem' id='clearInputButton'>Clear Input <i class='fa fa-cross'></i></button></div>
|
||
<br><br>
|
||
<div class='center'>
|
||
<label>Use Zero-Width Characters <input type='checkbox' id='useZeroWidthCharacters' checked></label>
|
||
<br><br>
|
||
<label>Use Encryption <input type='checkbox' id='useEncrypt'></label>
|
||
<br><br>
|
||
<span id='encryptArea'>
|
||
<input type='password' id='password' placeholder='Encryption password' class='dataItem'>
|
||
<br>
|
||
<input type='password' id='confirmPass' placeholder='Confirm password' class='dataItem'>
|
||
<br>
|
||
</span>
|
||
<div class="btn-group" role="group" aria-label="...">
|
||
<button type="button" class="btn btn-primary" id="encode">Encode <i class='fa fa-lock'></i></button>
|
||
<button type="button" class="btn btn-primary" id="decode">Decode <i class='fa fa-unlock'></i></button>
|
||
</div>
|
||
<br>
|
||
</div>
|
||
</div>
|
||
<footer class='center'>made with <i class='fa fa-heart'></i> by <a href='https://chaoswebs.net/'>Beardog</a></footer>
|
||
<script src='./main.js'></script>
|
||
</body>
|
||
</html>
|