index.html

Last modified Fri Sep 24 09:09:42 UTC 2021


<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8"/>
		<title>Safe Crypt App | AES cryptography web application</title>

		<link rel="icon" type="image/png" href="favicon.png" />
		<link rel="apple-touch-icon" href="apple-touch-icon.png" />
		<link rel="canonical" href="https://crypt-app.net/" />

		<meta name="description" content="The Safe Crypt App allows you to easily encrypt and decrypt files using the AES-256 cipher in GCM mode. The app works locally in your browser by using JavaScript." />

		<meta property="og:title" content="Safe Crypt App" />
		<meta property="og:description" content="Safe encryption and decryption of files with the AES-256-GCM." />
		<meta property="og:image" content="https://crypt-app.net/assets/img/crypt-app-banner-v3.jpg" />
		<meta property="og:image:width" content="1200" />
		<meta property="og:image:height" content="630" />
		<meta property="og:url" content="https://crypt-app.net/" />
		<meta property="og:type" content="website" />
		<meta property="og:site_name" content="Safe Crypt App" />
		<meta property="fb:app_id" content="649552742663754" />
		<meta property="fb:admins" content="1482820236" />

		<meta name="viewport" content="width=device-width, initial-scale=1" />

		<link href="assets/css/style.css" rel="stylesheet" />

	</head>

	<body>

		<a class="back"></a>
		<a class="privacy" href="info/privacy-policy.html">PRIVACY</a>
		<a class="disclaimer" href="info/disclaimer.html">DISCLAIMER</a>
		<a class="info" href="info/index.html">INFO</a>
		<p class="cryptapp" id="cryptapp">crypt-app.net</p>
		<img class="busy" id="busy" src="assets/img/busy-bars.png" alt="encrypting / decrypting" width="160" height="160" loading="lazy">

		<div id="stage">

			<div id="step1">
				<div class="content">
					<h1><span class="sitename">Safe Crypt App</span><br />What do you want to do?</h1>
					<a class="button encrypt green">Encrypt a file</a>
					<a class="button decrypt magenta">Decrypt a file</a>
					<h2>With this web app you can encrypt and decrypt files with 
					    <span class="sm">256&nbsp;</span>bit <span class="sm">AES&nbsp;</span>cipher 
					    in <span class="sm">GCM&nbsp;</span>mode.
					    It&nbsp;works locally in your browser. No&nbsp;data is ever sent over the network.</h2>
					<noscript>
						<h2><strong>JAVASCRIPT MUST BE ENABLED TO USE THIS APP!</strong></h2>
					</noscript>
				</div>
			</div>

			<div id="step2">

				<div class="content if-encrypt">
					<h1 id="h-encrypt">Choose file to encrypt</h1>
					<form id="f-encrypt">
						<input type="file" id="encrypt-input" aria-labelledby="h-encrypt" />
					</form>
					<a class="button browse blue">Open file</a>
					<h2>An encrypted copy of the file will be&nbsp;generated.</h2>
				</div>

				<div class="content if-decrypt">
					<h1 id="h-decrypt">Choose file to decrypt</h1>
					<a class="button browse blue">Open file</a>
					<form id="f-decrypt">
						<input type="file" id="decrypt-input" aria-labelledby="h-decrypt" />
					</form>
					<h2>Only files encrypted by this tool can be decrypted.
					    Only this tool can decrypt files encrypted&nbsp;by&nbsp;it.</h2>
				</div>

			</div>

			<div id="step3">

				<div class="content if-encrypt">
					<h1 id="h-enc-phrase">Enter a passphrase</h1>
					<form id="f-encrypt-p">
						<input id="i-enc" type="password" autocomplete="off" aria-labelledby="h-enc-phrase" />
						<input id="i-enc-r" type="text" onKeydown='$.noop;' /> 
					</form>
					<a class="button process red">Encrypt!</a>
					<h2>The passphrase must have at least 16&nbsp;characters.
					    Write it down or remember it, the file cannot be decrypted without&nbsp;it.
					    Click <span class="sm">ENCRYPT</span> (not&nbsp;<strong>&#x23ce;</strong>) to continue.</h2>
					    
				</div>

				<div class="content if-decrypt">
					<h1 id="h-dec-phrase">Enter the passphrase</h1>
					<form id="f-decrypt-p">
						<input id="i-dec" type="password" autocomplete="off" aria-labelledby="h-dec-phrase" />
						<input id="i-dec-r" type="text" onKeydown='$.noop;' /> 
					</form>
					<a class="button process red">Decrypt!</a>
					<h2>Enter the passphrase that was used to encrypt this file.
					    It is not possible to decrypt it without&nbsp;it.
					    Click <span class="sm">DECRYPT</span> (not&nbsp;<strong>&#x23ce;</strong>) to continue.</h2>
				</div>

			</div>

			<div id="step4">

				<div class="content">
					<h1>Your file is ready!</h1>
					<a class="button download save">Save file</a>
					<h2>Click <span class="sm">SAVE&nbsp;FILE</span> and 
					    <span class="wait">wait</span> for the file to be saved.
					    The&nbsp;file will be placed in your <strong>Download(s)</strong> folder 
					    if&nbsp;you are not asked where to save&nbsp;it.
					    The&nbsp;file is local even if you are asked to &ldquo;download&rdquo;&nbsp;it.</h2>
				</div>

			</div>
		</div>

		<script src="assets/js/jquery-3.6.0.min.js"
			integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
		<script src="assets/js/browsercheck.js"
			integrity="sha384-gkp5VfqFZkynwAm5sP5dRJ5Ttb0RMu0AQA0u4dIMfFg1DZMlVX6mvv7wjojywG3H" crossorigin="anonymous"></script>
		<script src="assets/js/script.js"
                        integrity="sha384-r+UPZZ7cNo7H/mWDsBJEXDbEZFZ+hQUx10l7US2GqWH11U6DJQ5sGbjecib32H5q" crossorigin="anonymous"></script>
		<script src="assets/js/aes4js.js"
			integrity="sha384-Fiiv1z/kZbjhV2tsQTfLoabNomO7Qg19i0AKc4nIaDk/9ZmRD+0TLn5RAv/nI5bH" crossorigin="anonymous"></script>
	</body>

</html>