/ html / resources / hashing-tool / hashing-tool.html
hashing-tool.html
 1  <!DOCTYPE html>
 2  <html lang="de">
 3     <head>
 4        <meta charset="UTF-8" />
 5        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6        <meta http-equiv="onion-location" content="http://bopbopl6lohkl2rts3ltesjnag4hzs4jrx2h6k6etgq5xasbpqekzlqd.onion" />
 7        <title>BOP Resources: Hashing Tool</title>
 8        <link rel="stylesheet" href="/assets/stylesheet.css" />
 9        <link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
10     </head>
11     <body>
12         <header>
13            <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
14            <script src="/assets/js/navbar-OpenClose.js"></script>
15            <script src="/assets/js/lightbox.js"></script>
16            <script src="/assets/js/copyCodeButton.js"></script>
17            <link rel="stylesheet" href="/resources/js-libraries/highlightJS/atom-one-dark.min.css">
18            <script src="/resources/js-libraries/highlightJS/highlight.min.js"></script>
19            <script src="/resources/js-libraries/highlightJS/highlightjs-line-numbers.min.js"></script>
20            <script>hljs.highlightAll();</script>
21            <script>hljs.initLineNumbersOnLoad();</script>
22            <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
23            <div class="branding">
24               <button class="toggle-btn-navbar" id="navbarOpenButton">☰</button>
25               <a href="/">
26               <img class="logo" src="/assets/img/logo.png">
27               </a>
28               <div class="typing-animation">BytesOfProgress</div>
29            </div>
30         </header>
31         <div id="navbarContainer" class="navbar-container">
32            <iframe class="navbar-iframe" src="/assets/navbar/navbar.html" frameBorder= "0"></iframe>
33         </div>
34        <main>
35           <article class="blog-post">
36              <header class="post-header">
37                <h1 class="post-title">Hashing Tool</h1>
38              </header>
39            </article>
40            <nav class="breadcrumb">
41              <a href="/">Home</a>
42              <span class="divider">›</span>
43              <a href="/resources/">Resources</a>
44              <span class="divider">›</span>
45              <span class="current">Hashing Tool</a>
46           </nav>
47  
48           <section class="post-content">
49  
50             <p>
51               None of the data you provide here leaves your device.
52             </p>
53  
54              <script src="/assets/js/outputBoxCopyButton.js"></script>
55              <script src="/assets/js/hashing-tool.js" defer></script>
56              <textarea id="codeInput" placeholder="Enter your string here..."></textarea>
57  
58              <label for="file-upload" class="cta-button">or select a file...</label>
59              <input type="file" id="file-upload" style="display: none;" />
60              <button type="button" id="clear-file" class="cta-button" style="margin-left: 10px;">Remove File</button>
61              <span id="file-name-indicator" class="file-indicator">No file selected.</span>
62  
63              <br /><br />
64  
65              <select id="hashAlgo" class="dropdown">
66                <option value="SHA-1">SHA-1</option>
67                <option value="SHA-256" selected>SHA-256</option>
68                <option value="SHA-384">SHA-384</option>
69                <option value="SHA-512">SHA-512</option>
70                <option value="BASE64_ENCODE">Base64 Encode</option>
71                <option value="BASE64_DECODE">Base64 Decode</option>
72              </select>
73  
74              <button onclick="hashcontent()">Hash!</button>
75              <div class="output-container">
76                <pre id="OutputBox"></pre>
77                <button id="copyButton">📋</button>
78               </div>
79  
80           </section>
81  
82           <footer class="post-footer">
83              <a href="/resources/index.html" class="cta-button">← Back</a>
84           </footer>
85        </main>
86     </body>
87  </html>