Simple-Hash-Generator/index.html

92 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="author" content="NibbleGap">
<link rel="icon" type="image/png" href="https://nibblecdn.com/logo/nibblegap.svg">
<title>Simple Hash Generator</title>
<script type="text/javascript" src="deps/jquery.min.js"></script>
<script type="text/javascript" src="deps/bootstrap.min.js"></script>
<script type="text/javascript" src="deps/angular.min.js"></script>
<script type="text/javascript" src="deps/blake2b.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/jumbotron-narrow.css" rel="stylesheet">
<link href="./css/main.css" rel="stylesheet">
<link href="./css/dark.css" rel="stylesheet">
</head>
<body>
<div class="container" ng-app="generatedHashList" ng-controller="generatedHashListController">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills pull-right">
</ul>
</nav>
<h3 class="title"><img style="vertical-align:middle" src="https://nibblecdn.com/logo/nibblegap.svg" alt="nibblegap logo" width="30" height="30"> <a style="vertical-align:middle"> Simple Hash Generator</a></h3>
</div>
<div class="row marketing text-justify">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div class="panel-body">
<h3>
Text input to be hashed:
</h3>
<textarea id="inputToHash" class="form-control" type="text" placeholder="Paste your text to hash here" ng-model="inputToHash" data-ng-trim="false"></textarea>
<br>
<div>{{inputSize}}</div>
</div>
</div>
</div>
<div>
<div class="row marketing text-justify" ng-repeat="generatedHashRow in generatedHashRows">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div class="panel-body">
<h3>{{generatedHashRow.name}}</h3>
<textarea class="form-control" type="text" placeholder="Generated hash will be rendered here">{{generatedHashRow.hash}}</textarea>
<br>
<div>{{generatedHashRow.generationDurationText}}</div>
</div>
</div>
</div>
</div>
</div>
<div class="row marketing">
<div class="col-md-8 col-md-offset-2">
<h3><font color="#d9534f">Disclaimer</font></h3>
<p style="text-align: justify;">
All hashing is done directly in the browser. Your data is not sent to any server, ever. If you are skeptical, which I respect, I recommend <a href="https://git.beenull.com/beenull/Simple-Hash-Generator/archive/main.zip">downloading the latest release here</a>, turning off your internet, unzip the release, open index.html, check out the network debugger, and see that hashing still works. Or if you are a developer, you can <a href="https://git.beenull.com/beenull/Simple-Hash-Generator" target="_blank">audit the source code here</a>.
</p>
</div>
</div>
</div>
</div>
<div>
<div>
<center><small><a href="https://nibblegap.com" target="_blank">NibbleGap</a></small></center>
</div> </div>
</div>
</body>
</html>