-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgetHash.html
More file actions
117 lines (105 loc) · 5.58 KB
/
getHash.html
File metadata and controls
117 lines (105 loc) · 5.58 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Calculate File Hash | Hashster</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/testStyle.css">
<link rel="stylesheet" href="css/loading-bar.min.css">
<script src="js/loading-bar.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Bangers|Roboto&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/604ade5d09.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
<!-- <script>(function(e,t,n){var r=e.querySelectorAll("html")[0];r.className=r.className.replace(/(^|\s)no-js(\s|$)/,"$1js$2")})(document,window,0);</script> -->
</head>
<body>
<header>
<a href="index.html"><img class="logo" src="assets/logo.png" alt="logo" height="50px"></a>
<ul class="nav_links">
<li><a href="getHash.html">Calculate Hash</a></li>
<li><a href="index.html">Check Authenticity</a></li>
<li><a href="about.html">About</a></li>
</ul>
</header>
<main>
<h2>Calculate your file's hash in 2 simple steps</h2>
<div class="row">
<div class="col box" id="dropZone">
<br>
<br>
<div id="upload" ondrop="dropHandler(event)" ondragover="dragOverHandler(event)" style="display: block;">
<h4>Step 1. Upload file upto 80MB.</h4>
<br>
<!-- <p>Drag your files here!</p>
<span class="fa-stack fa-2x">
<i class="fas fa-cloud fa-stack-2x" style="font-size: 90px; margin-left: -20%; margin-top:10%;"></i>
<i class="fas fa-arrow-up fa-stack" style="margin-top: 30%;"></i>
</span> -->
<!-- Add Loader -->
<div>
<div id="progress-bar" class="ldBar disappear" data-preset="stripe" data-value="80"></div>
</div>
<input type="file" name="file-3[]" id="file3" class="inputfile inputfile-3" data-multiple-caption="{count} files selected" multiple />
<label for="file3"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg> <span>Browse</span></label>
</div>
<div id="uploading" ondrop="dropHandler(event)" ondragover="dragOverHandler(event)" ondragleave="dragLeaveHandler(event)" style="display: none;">
<p>Drop here..</p>
<i id="img2" class="fas fa-cloud-upload-alt"></i>
</div>
<div id="uploaded" ondrop="dropHandler(event)" ondragover="dragOverHandler(event)" style="display: none;">
<p>Files Uploaded!</p>
</div>
</div>
<div class="col box">
<br>
<br>
<h4>Step 2. Select a hashing method</h4>
<br>
<br>
<select id="hashMethods" autocomplete="off">
<option value="default">Default</option>
<option value="SHA-1">SHA-1</option>
<option value="SHA-2">SHA-2</option>
<option value="SHA-3">SHA-3</option>
<option value="MD5">MD5</option>
</select>
</div>
</div>
<div class="row">
<button id="calculate-hash" onclick="calculateHash()">Calculate</button>
</div>
<div class="result-row" style="display: none;">
<div class="result-col">
<br>
<br>
<h2>Calculated Hash</h2>
<br>
<br>
<span id="result"></span>
<button id="copy" data-clipboard-target="#result" onclick="copy()"><img id="copy-img" src="assets/copy.png" alt="copy"> Copy hash</button>
</div>
</div>
</main>
<footer>
<div>
<div class="social-logos">
<div class="first col">
<img src="assets/logo-white.png" alt="logo" height="80px">
</div>
<div class="second col">
<p style="font-size: 16px;">A safe and secure way to calculate your file hash right here in the browser without uploading your files to a server.</p>
</div>
<div class="third col">
<p>Find me on</p>
<br>
<p><a href="https://www.linkedin.com/in/gupta-ashu/" target="blank"><i class="fab fa-linkedin"></i> Follow Me</a></p>
<br>
<p><a href="https://github.com/TheDynamicPunk" target="blank"><i class="fab fa-github"></i> See Profile</a></p>
</div>
</div>
</div>
</footer>
<script src="js/testScript.js"></script>
<script src="js/upload-button.js"></script>
</body>
</html>