about.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>About BOP</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">About</h1> 38 </header> 39 </article> 40 <nav class="breadcrumb"> 41 <a href="/">Home</a> 42 <span class="divider">›</span> 43 <span class="current">About</span> 44 </nav> 45 46 <section class="post-content"> 47 <h2>About this Website</h2> 48 <p> 49 I created this site as a computer blog, knowledge base and source for useful resources. 50 </p> 51 52 <p> 53 BytesOfProgress will <strong>ALWAYS</strong> remain completely ad-free. 54 </p> 55 56 <a href="/about/donate/donate.html" class="button1" role="button">❤️ Support me ❤️</a> 57 58 <h2>Info for Phone Users</h2> 59 <p> 60 This website works best on a computer. While the text is easily readable on phones, elements like pictures, videos, and code boxes might appear too small. 61 For the best experience, please use a computer! 62 </p> 63 64 <h2>Find me on:</h2> 65 66 <ul> 67 <li><strong>Mastodon: </strong><a class="text-link" href="https://mastodon.social/@byte21516" target="_blank">@byte21516@mastodon.social</a></li> 68 <li><strong>Matrix: </strong>@byte21516:envs.net</li> 69 70 </ul> 71 72 <!-- --------------------------------------------------------------------------------------------------------------------------------- --> 73 74 <h2>Find other interesting sites:</h2> 75 76 <p> 77 <a href="https://fediring.net/previous?host=bytesofprogress.net/about/about.html">←</a> 78 <a href="https://fediring.net/">Fediring</a> 79 <a href="https://fediring.net/next?host=bytesofprogress.net/about/about.html">→</a> 80 </p> 81 82 <!-- --------------------------------------------------------------------------------------------------------------------------------- --> 83 84 85 86 </section> 87 <footer class="post-footer"> 88 <a href="/" class="cta-button">← Back</a> 89 </footer> 90 </main> 91 </body> 92 </html>