2017-04-01 20:27:55 +00:00
<!DOCTYPE HTML>
< html >
< head >
< meta charset = 'utf-8' >
2017-04-02 04:10:10 +00:00
<!-- 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 / > . -->
2017-04-01 20:27:55 +00:00
< 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 >
2017-04-02 04:10:10 +00:00
< link rel = 'stylesheet' href = './theme.css' >
2017-04-01 20:27:55 +00:00
< / 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 >
2018-01-08 09:14:29 +00:00
< center >
< div class = "btn-group" >
< button class = "btn btn-primary" id = "share" > Share< / button >
< button class = "btn btn-success" data-clipboard-action = "copy" data-clipboard-target = "#output" > Copy to Clipboard< / button >
< / div >
< / center >
2017-04-01 20:27:55 +00:00
< 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 >
2017-05-27 07:54:17 +00:00
< p class = 'center' > < a href = 'help.html' > Help & Info< / a > < / p >
2017-04-01 20:27:55 +00:00
< div id = 'dataArea' >
< textarea id = 'text' placeholder = '' > < / textarea >
< / div >
2017-05-27 07:54:17 +00:00
< br >
2017-05-27 08:16:42 +00:00
< p class = 'center' > Bytes: < span id = 'countBytes' > 0< / span > < / p > < br >
2017-04-01 20:27:55 +00:00
< div class = 'center' > < button class = 'btn btn-sm btn-default dataItem' id = 'clearInputButton' > Clear Input < i class = 'fa fa-cross' > < / i > < / button > < / div >
2017-05-27 07:54:17 +00:00
< br >
2018-01-08 09:14:29 +00:00
< div class = 'center' > < label > Text to hide inside: < input type = 'text' placeholder = 'Visible non-secret text' id = 'visibleText' > < / label > < / div >
< br >
2017-04-01 20:27:55 +00:00
< 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 >
2017-05-27 07:54:17 +00:00
< footer class = 'center' > An app by < a href = 'https://www.chaoswebs.net/' > Kevin Froman< / a > < / footer >
2017-04-01 20:27:55 +00:00
< script src = './main.js' > < / script >
< / body >
< / html >