This repository has been archived by the owner on Jan 4, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
indexhash.html
140 lines (126 loc) · 11 KB
/
indexhash.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta name="google-site-verification" content="etJYhll7NWDtowievfSvP0CC1aJn1SeUD6mDae69B6c" />
<meta name="description" content="Online tool to generate hash for popular algorithms like MD5, SHA1, SHA256, SHA512, RIPEMD-160 etc.">
<meta name="keywords" content="Online hash generator,MD5 generator, SHA1 generator, SHA256 generator, SHA512 generator, RIPEMD-160 generator, MD5, SHA">
<meta name="robots" content="index,follow">
<title>
Online Hash Generator
</title>
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" /> -->
<style type="text/css">
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1{margin:.67em 0;font-size:2em}button,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}h3,p{orphans:3;widows:3}h3{page-break-after:avoid}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}h1,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,h3{margin-top:20px;margin-bottom:10px}h1{font-size:36px}h3{font-size:24px}p{margin:0 0 10px}.text-center{text-align:center}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-md-12,.col-sm-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-sm-6{float:left}.col-sm-6{width:50%}}@media (min-width:992px){.col-md-12{float:left}.col-md-12{width:100%}}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[readonly]{background-color:#eee;opacity:1}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg{height:auto}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active{background-image:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-block{display:block;width:100%}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.container:after,.container:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.container:after,.panel-body:after,.row:after{clear:both}@-ms-viewport{width:device-width}
</style>
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
<style type="text/css">
body{
font-family: 'Merriweather', serif;
background: whitesmoke;
}
.hash-info{
display: none;
}
.MD5{
display: block;
}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-98127592-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!--<h1 style="color:white;padding:80px 0px;margin:0;background-image: url('ptrn.png');margin-bottom:60px;" class="text-center">Online # Generator</h1>
--><div class="container">
<div class="row">
<div class="col-sm-6">
<form>
<div class="form-group">
<label for="">Select Hash</label>
<select id="hash" class="form-control input-lg" required="required">
<option selected value="MD5">MD5</option>
<option value="SHA1">SHA1</option>
<option value="SHA256">SHA256</option>
<option value="SHA512">SHA512</option>
<!-- <option value="HMAC">HMAC</option> -->
<option value="RMD160">RIPEMD-160</option>
</select>
</div>
<div class="form-group">
<label for="">Plain Text</label>
<textarea id="input" rows="4" required="required" placeholder="Enter plan text here" class="form-control input-lg"></textarea>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Generate</button>
</form>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for=""><span class="hash"></span> Hash Text</label>
<textarea placeholder="click button on left to generate hash for given plain text" id="output" style="border:0;box-shadow: none;" rows="10" class="form-control input-lg" readonly></textarea>
</div>
</div>
</div>
<div id="info-section" class="row text-center" style="margin-top:50px;margin-bottom: 60px;">
<div class="col-md-12">
<div class="panel hash-info MD5">
<div class="panel-body">
<h3>MD5</h3>
<p>The MD5 (Message Digest 5) algorithm is a widely used hash function producing a 128-bit hash value. Although MD5 was initially designed to be used as a cryptographic hash function, it has been found to suffer from extensive vulnerabilities. It can still be used as a checksum to verify data integrity, but only against unintentional corruption.</p>
</div>
</div>
<div class="panel hash-info SHA1">
<div class="panel-body">
<h3>SHA1</h3>
<p>In cryptography, SHA-1 (Secure Hash Algorithm 1) is a cryptographic hash function designed by the United States National Security Agency and is a U.S. Federal Information Processing Standard published by the United States NIST. SHA-1 produces a 160-bit (20-byte) hash value known as a message digest.</p>
</div>
</div>
<div class="panel hash-info SHA256">
<div class="panel-body">
<h3>SHA256</h3>
<p>The SHA (Secure Hash Algorithm) is one of a number of cryptographic hash functions. A cryptographic hash is like a signature for a text or a data file. SHA-256 algorithm generates an almost-unique, fixed size 256-bit (32-byte) hash. Hash is a one way function – it cannot be decrypted back.</p>
</div>
</div>
<div class="panel hash-info SHA512">
<div class="panel-body">
<h3>SHA512</h3>
<p>The SHA (Secure Hash Algorithm) is one of a number of cryptographic hash functions. A cryptographic hash is like a signature for a text or a data file. SHA-512 algorithm generates an almost-unique, fixed size 512-bit hash. Hash is a one way function – it cannot be decrypted back.</p>
</div>
</div>
<div class="panel hash-info RMD160">
<div class="panel-body">
<h3>RIPEMD-160</h3>
<p>RIPEMD (RACE Integrity Primitives Evaluation Message Digest) is a family of cryptographic hash functions.RIPEMD-160 is an improved, 160-bit version of the original RIPEMD, and the most common version in the family. RIPEMD-160 was designed in the open academic community, in contrast to the NSA-designed SHA-1 and SHA-2 algorithms. On the other hand, RIPEMD-160 appears to be used somewhat less frequently than SHA-1.</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jshashes/1.0.6/hashes.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript">
var fun = {};
fun["MD5"] = new Hashes.MD5;
fun["SHA1"] = new Hashes.SHA1;
fun["SHA256"] = new Hashes.SHA256;
fun["SHA512"] = new Hashes.SHA512;
// fun["HMAC"] = new Hashes.HMAC;
fun["RMD160"] = new Hashes.RMD160;
$(function(){
$('#hash').on('change', function(){
// $('#output').val('');
$('.hash-info').hide();
$('#info-section').find('.'+$(this).val()).show();
})
$('form').on('submit', function(e){
e.preventDefault();
$('#output').text( fun[$('#hash').val()].hex( $('#input').val() ) );
});
});
</script>
</body>
</html>