index.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>BytesOfProgress</title> 8 <link rel="stylesheet" href="/assets/stylesheet.css" /> 9 <link rel="icon" type="image/x-icon" href="/assets/img/favicon.png"> 10 11 <link rel="me" href="https://mastodon.social/@byte21516"> 12 13 </head> 14 <body> 15 <header> 16 <!-- --------------------------------------------------------------------------------------------------------------------------------- --> 17 <script src="/assets/js/navbar-OpenClose.js"></script> 18 <script src="/assets/js/lightbox.js"></script> 19 <script src="/assets/js/copyCodeButton.js"></script> 20 <link rel="stylesheet" href="/resources/js-libraries/highlightJS/atom-one-dark.min.css"> 21 <script src="/resources/js-libraries/highlightJS/highlight.min.js"></script> 22 <script src="/resources/js-libraries/highlightJS/highlightjs-line-numbers.min.js"></script> 23 <script>hljs.highlightAll();</script> 24 <script>hljs.initLineNumbersOnLoad();</script> 25 <script src="/assets/js/pong.js"></script> 26 <script src="/assets/js/seasonal_effect.js"></script> 27 <!-- --------------------------------------------------------------------------------------------------------------------------------- --> 28 <div class="branding"> 29 <button class="toggle-btn-navbar" id="navbarOpenButton">☰</button> 30 <a href="/"> 31 <img class="logo" src="/assets/img/logo.png"> 32 </a> 33 <div class="typing-animation">BytesOfProgress</div> 34 </div> 35 </header> 36 <div id="navbarContainer" class="navbar-container"> 37 <iframe class="navbar-iframe" src="/assets/navbar/navbar.html" frameBorder= "0"></iframe> 38 </div> 39 <!-- --------------------------------------------------------------------------------------------------------------------------------- --> 40 <div id="pongOverlay" style="display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.5); z-index:9999;"> 41 <canvas id="pongCanvas" width="800" height="600" style="display:block; margin:50px auto; background:#111; border-radius: 10px;"></canvas> 42 </div> 43 44 <main> 45 <div class="card-grid"> 46 <div class="info-card"> 47 <h3>Blog</h3> 48 <p>News, updates, and project posts.</p><br><br> 49 <a href="/blog/index.html" class="card-button">View</a> 50 </div> 51 <div class="info-card"> 52 <h3>Wiki</h3> 53 <p>A collection of guides, tutorials, and knowledge.</p><br> 54 <a href="/wiki/index.html" class="card-button">View</a> 55 </div> 56 <div class="info-card"> 57 <h3>Resources</h3> 58 <p>Useful files, tools, and links.</p><br><br> 59 <a href="/resources/index.html" class="card-button">View</a> 60 </div> 61 <div class="info-card"> 62 <h3>Onion-Mirror</h3> 63 <p>TOR-protected version of the website for extra privacy.</p><br> 64 <a href="http://bopbopl6lohkl2rts3ltesjnag4hzs4jrx2h6k6etgq5xasbpqekzlqd.onion/" class="card-button">View</a> 65 </div> 66 <div class="info-card"> 67 <h3>About</h3> 68 <p>Information about this project.</p><br><br> 69 <a href="/about/about.html" class="card-button">View</a> 70 </div> 71 <div class="info-card"> 72 <h3>❤️ Support me ❤️</h3> 73 <p>Support my work by donating!</p><br><br> 74 <a href="/about/donate/donate.html" class="card-button">View</a> 75 </div> 76 77 </div> 78 </main> 79 </body> 80 </html>