added github fork and clear text button

This commit is contained in:
Kevin Froman 2017-03-28 11:40:00 -05:00
parent 75b74da03e
commit 9b0bcd5492
No known key found for this signature in database
GPG Key ID: 36698DB39DA54065
3 changed files with 12 additions and 6 deletions

View File

@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
<div class="modal fade" id="outputModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal fade" id="outputModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
@ -43,13 +43,15 @@
<p>Snow2 is a simple web app for converting text to white-space characters, which you can hide in text files or other documents. It is inspired by the <a href='http://darkside.com.au/snow/'>original program</a> published in 1998.</p> <p>Snow2 is a simple web app for converting text to white-space characters, which you can hide in text files or other documents. It is inspired by the <a href='http://darkside.com.au/snow/'>original program</a> published in 1998.</p>
<div id='dataArea'> <div id='dataArea'>
<textarea id='text' placeholder=''></textarea> <textarea id='text' placeholder=''></textarea>
</div><br><br> </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'> <div class='center'>
<label>Use Zero-Width Characters <input type='checkbox' id='useZeroWidthCharacters' checked></label> <label>Use Zero-Width Characters <input type='checkbox' id='useZeroWidthCharacters' checked></label>
<br><br> <br><br>
<label>Use Encryption <input type='checkbox' id='useEncrypt' checked></label> <label>Use Encryption <input type='checkbox' id='useEncrypt' checked></label>
<br><br> <br><br>
<div id='one'><button id='toggle' class='btn btn-primary'>Encode <i class='fa fa-lock'></i></button></div> <div id='one'><button id='toggle' class='btn btn-primary'>Encode Mode <i class='fa fa-lock'></i></button></div>
<span id='encryptArea'> <span id='encryptArea'>
<input type='password' id='password' placeholder='Encryption password' class='dataItem'> <input type='password' id='password' placeholder='Encryption password' class='dataItem'>
<br> <br>

View File

@ -51,13 +51,13 @@ $('#toggle').click(function(){
if (window.snowMode == 'encode') if (window.snowMode == 'encode')
{ {
window.snowMode = 'decode'; window.snowMode = 'decode';
$('#toggle').html("Decode <i class='fa fa-unlock'></i>"); $('#toggle').html("Decode Mode <i class='fa fa-unlock'></i>");
$('#confirmPass').css('display', 'none'); $('#confirmPass').css('display', 'none');
} }
else else
{ {
window.snowMode = 'encode'; window.snowMode = 'encode';
$('#toggle').html("Encode <i class='fa fa-lock'></i>"); $('#toggle').html("Encode Mode <i class='fa fa-lock'></i>");
$('#confirmPass').css('display', 'inline'); $('#confirmPass').css('display', 'inline');
} }
@ -177,3 +177,7 @@ $('#go').click(function(){
} }
$('#outputModal').modal(); $('#outputModal').modal();
}); });
$('#clearInputButton').click(function(){
$('#text').val('');
});