-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (65 loc) · 2.88 KB
/
index.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
<html>
<head>
<Title>Allsum</Title>
<link rel="stylesheet" href="./src/assets.css">
<link rel="stylesheet" href="./src/style.css">
<script type="module" src="/src/main.ts" defer></script>
</head>
<body>
<h1 id="Title">Allsum!</h1>
<div class="donate_div" id="donate_div">
<img src="./src/assets/donate.svg" alt="donate icon">
<span></span>
</div>
<div class="switch_button_container">
<div class="switch-button">
<input class="switch-button-checkbox" type="checkbox" id="switch-button-checkbox"></input> <!-- Summon hashMode()-->
<!-- Don't forget is reversed in the animation: If text is "Checked" it means it's not selected in the css animation-->
<label class="switch-button-label" for=""><span class="switch-button-label-span">Text</span></label>
</div>
</div>
<div id="hash_content_text">
<div id="text-input-div">
<label for="text_input"></label>
<div class="input-container text" id="input-container">
<span id="input-file-msg" style="display: none;"> Drag file here or click to browse</span>
<input type="text" class="input text" id="text_input" name="text_input" placeholder="Input your text to be hashed..." multiple="false" >
</div>
</div>
<div id="selector_div">
<div id="selector_div_flex">
<div class="lds-ripple" style="display: none;">
<div></div>
<div></div>
</div>
<select name="hash_type" id="hash_type">
<!-- Use this instead! https://codepen.io/STKNG/pen/GbVogZ-->
<option value="md5">md5</option>
<optgroup label="sha" >
<option value="sha1">sha-1</option>
<option value="sha256">sha-256</option>
<option value="sha512">sha-512</option>
</optgroup>
<option value="blake3">BLAKE-3</option>
<option value="crc32">CRC-32</option>
<option value="whirlpool">WhirlPool</option>
</select>
<div id="submit_button_div">
<input type="button" id="submit_button_text" value="Allsum!"> <!-- Summon getTextInput();-->
</div>
</div>
</div>
<div id="hash-input">
</div>
<div id="hash_text_output_div">
<output id="hash_output_text"></output>
</div>
</div>
<div class='float-message' id="float-message" hidden="">
<div class='float-message-inner'>
<a href="#!" onclick="document.getElementById('float-message').hidden = true;" class="close-link">X</a>
<p id="float-message-text">This is an error message</p>
</div>
</div>
</body>
</html>