[Inori]

I found this site a few days ago and I've been using it a bit. It's the basic TEA text encryption algorithm(no JS implements) and works perfectly offline(for me, at least.). Enjoy!
(this is not originally my code. I tweaked the html from here and cleaned it up a little.

Code:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ; This code is Copyright 2014 TextMechanic.com (A.K.A this is an edited copy. not my original work. Just wanted to clean it up a bit and use offline); <title>TEA text crypter</title> <script type="text/javascript" async="" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript" src="http://textmechanic.com/Encryption-Generator.js"></script> <script type="text/javascript" src="http://textmechanic.com/menu.js"></script> <link rel="canonical" href="http://textmechanic.com/Encryption-Generator.html"> <style type="text/css"> html {height:100%;} body {height:100%; margin:0px; padding:0px; font-family:arial; font-size:14px; line-height:1; background-color:#E3DFC7;} a:link {color:#000000;} a:visited {color:#000000;} a:hover {color:#0000FF;} a:active {color:#000000;} h1 {font-size:16px; font-weight:bold; margin:0px; padding:0px;} textarea {display:block; margin:0px; padding:3px 0px 0px 3px; overflow:scroll; font-family:arial; font-size:14px; line-height:1.2; border:1px solid #000000; outline:none; resize:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} input {outline:none; resize:none;} input[type='text'] {width:auto; height:auto; margin:3px 0px 3px 0px; padding:0px 2px 0px 2px; font-family:arial; font-size:14px; color:#000000; background-color:#FFFFFF; border:1px solid #000000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} input[type='radio'] {margin:0px; padding:0px; font-size:14px;} input[type='checkbox'] {margin:0px; padding:0px; font-size:14px;} input[type='button']::-moz-focus-inner {border:0;} input[type='button'] {width:auto; height:auto; margin:3px 0px 3px 0px; padding:0px 4px 0px 4px; font-family:arial; font-size:14px; border:1px solid #000000; background-color:#F0F0F0; cursor:default;} input[type='button']:hover {border-color:#0000FF; background-color:#CCFFFF;} div {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #menu {position:absolute; z-index:-1; left:0px; top:0px; width:0px; height:0%; margin:0px; overflow:auto; line-height:1.2; background-color:#E3DFC7;} a.nav {display:block; margin:0px; padding:0px; text-decoration:none; background-color:#E3DFC7;} a.navhover {display:block; margin:0px; padding:0px; text-decoration:none; background-color:#FFFFFF;} #toolpadding {padding:10px 10px 10px 10px;} #tool {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; margin:0px; padding:0px; overflow:auto; background-color:#E3DFC7;} </style> <script type="text/javascript"> var autohgt = 'yes'; function specialonsizefunction(){ document.getElementById('input_output').style.height = document.getElementById('middiv').clientHeight + 'px';} </script> </head> <body spellcheck="false"> <div style="height: 428px;" id="menu"></div> <div style="width: 100%; height: 428px;" id="tool"> <div id="toolpadding"> <div id="topdiv"> <div style="padding-bottom:3px;"><input value="Encrypt Text" onclick="encrypt();" type="button"> <input value="Decrypt Text" onclick="decrypt();" type="button"> Password <input id="password" maxlength="16" value="" style="width:180px;" onkeyup="cntpass();" onpaste="setTimeout('cntpass()',500);" type="text"> <span id="pcount">0</span> <input title="Select All Text" value="S" onclick="SelectAll('input_output')" type="button"> <input title="Clear All Text" value="C" onclick="cleartext();" type="button"> <span id="removed"></span></div> </div> <div id="middiv" style="height: 313px;"> <textarea id="input_output" style="width: 100%; height: 313px;" wrap="soft">Enter text to be encrypted or decrypted here. </textarea> </div> <div id="btmdiv"> <div style="padding:3px 0px 0px 0px;"> <div style="position:relative; float:left; width:73px; height:18px; margin-top:3px; overflow:hidden; cursor:default; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAASCAYAAAAXOvPoAAABFElEQVRYhe2X3RXDIAiFGcdxGIdxGMdxsgF9SKqE4k+baHt6fLgPSY9y/UBIAQBkqSmQbduWClqQFqRpkKJQAAkUJxpjQQhCseyn1DuQ7fraXn8Oqd/Pz0Ay2Q0kUf8eSYKbcX99ILoIqV5JjBWvYyAdB0Q+m0jBWdBA2U2isH5O65/AxkA6x7JeR0GKJEEdOJu01aLEmCFFkmCBeO9KVQu6AqOK70By921fx+uQGJ1MeGt2cPlQByQNrMv4hUpibDT8r0HKcNIeGsx0SDZWW+Ovmwfxhuv2EaTqviMhtRq3zV6adKaZJpATGrdOGmMl1puQ3Lv8MpH8sXoauYDCxYn3hU+Ajspaf0s6tCAtSDdDWqrrATHDvIC7KWO6AAAAAElFTkSuQmCC');"> <input id="file" style="position:absolute; top:0px; right:0px; width:73px; height:18px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); cursor:default;" onchange="setTimeout('loadfile(\'input_output\')',100); document.getElementById('loadingmessage').innerHTML = '&nbsp;Loading...&nbsp;';" type="file"></div><span>&nbsp;</span><span id="loadingmessage" style="font-weight:bold; color:#FF0000;"></span><input value="Save As" onclick="savefile('input_output');" type="button"> <input id="saveas" value="output.txt" style="width:90px;" type="text"> Unix<input name="sfrmt" id="unix" checked="" type="radio"><input name="sfrmt" id="dos" type="radio">Dos Font size <input maxlength="2" value="14" style="width:30px;" onkeyup="if(this.value.length>1)document.getElementById('input_output').style.fontSize=this.value+'px';" type="text"> px. Word wrap is on<input name="radbtn" id="wrapbtnl" onclick="var area=document.getElementById('input_output'); area.setAttribute('wrap','soft'); var newarea=area.cloneNode(true); newarea.value=area.value; area.parentNode.replaceChild(newarea,area);" checked="" type="radio"><input name="radbtn" id="wrapbtnr" onclick="var area=document.getElementById('input_output'); area.setAttribute('wrap','off'); var newarea=area.cloneNode(true); newarea.value=area.value; area.parentNode.replaceChild(newarea,area);" type="radio">off. </div> <div style="clear:both;"></div> </div> </div> </div> <!-- Quantcast Tag --> <script type="text/javascript"> var _qevents = _qevents || []; (function() { var elem = document.createElement('script'); elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); _qevents.push({ qacct:"p-KvbkQT6VTgU5m" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-KvbkQT6VTgU5m.gif" border="0" height="1" width="1" alt="Quantcast"/> </div> </noscript> <!-- End Quantcast tag --> </body> </html>

[Justice_mybb_import8175]

@Jinxed I suggest you get this moved to the cryptography section even tho it is html.