/ html / resources / escapeCode / escapeCode.html
escapeCode.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: Escape Code</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">Escape Code</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">Escape Code</a>
46           </nav>
47  
48           <section class="post-content">
49  
50              <script src="/assets/js/outputBoxCopyButton.js"></script>
51              <script src="/assets/js/escapeCode.js"></script>
52              <textarea id="codeInput" placeholder="Enter your escape code here..."></textarea>
53              <button onclick="escapeCode()">Escape!</button>
54              <div class="output-container">
55                <pre id="OutputBox"></pre>
56                <button id="copyButton">📋</button>
57               </div>
58               
59           </section>
60  
61           <footer class="post-footer">
62              <a href="/resources/index.html" class="cta-button">← Back</a>
63           </footer>
64        </main>
65     </body>
66  </html>