<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="og:site_name" content="Limepot"> <meta name="og:title" content="LimePot"> <meta name="og:description" content="personal site"> <meta name="og:type" content="website"> <meta name="og:image" content="../assets/branding/obo-icon.png"> <meta name="theme-color" content="#19fcf1"> <link rel = "icon" href = "../assets/branding/obo-icon.png"> <title>LimePot - Home</title> <link rel="stylesheet" href="../mybulma/css/mystyles.css"> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background: repeat url("../assets/background.gif"); } marquee{ height: 100vh; } </style> </head> <body> <nav class="navbar" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="https://limepot.xyz/"> <img src="../assets/branding/obo-icon.png" style="border-radius: 20%"> LimePot </a> <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div class="navbar-menu" id="navMenu"> <div class="navbar-start"> <a class="navbar-item" href="https://limepot.xyz/about.html"> About Me </a> <a class="navbar-item" href="https://limepot.xyz/blog.html"> Blog </a> <a class="navbar-item" href="https://limepot.xyz/projects.html"> Projects </a> </div> </div> </div> <div class="navbar-end"> <a class="navbar-item" href="https://ko-fi.com/limepot"> <img src="../assets/other-branding/ko-fi-button-red.png"> </a> </div> </div> </div> </div> <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative --> <script>document.addEventListener('DOMContentLoaded', () => { // Get all "navbar-burger" elements const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); // Add a click event on each of them $navbarBurgers.forEach( el => { el.addEventListener('click', () => { // Get the target from the "data-target" attribute const target = el.dataset.target; const $target = document.getElementById(target); // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" el.classList.toggle('is-active'); $target.classList.toggle('is-active'); }); }); });</script> <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative --> </nav> <section class="section"> <div class="container"> <!-- you put content here! --> </div> </div> <center> <footer class="footer"> <div class="content has-text-centered"> <!--Badges--> <marquee behavior="alternate" scrollamount="20"> <marquee behavior="alternate" scrollamount="90" direction="down"> <a href="https://jointhefediverse.net/"><image src="../assets/badges/FEDERATE-NOW.jpg"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="10"> <marquee behavior="alternate" scrollamount="50" direction="down"> <a href="https://archlinux.org"><image src="../assets/badges/archlinux.gif"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="30"> <marquee behavior="alternate" scrollamount="35" direction="down"> <a href="https://gnu.org"><image src="../assets/badges/gnu-linux.gif"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="40"> <marquee behavior="alternate" scrollamount="36" direction="down"> <a href="https://fuckoffgoogle.de/"><image src="../assets/badges/google_stand.gif"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="60"> <marquee behavior="alternate" scrollamount="10" direction="down"> <a href="https://privacytests.org/"><image src="../assets/badges/chrmevil.gif"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="23"> <marquee behavior="alternate" scrollamount="30" direction="down"> <image src="../assets/badges/browser.gif"> </marquee> </marquee> <marquee behavior="alternate" scrollamount="10"> <marquee behavior="alternate" scrollamount="732" direction="down"> <image src="../assets/badges/piracy.gif"> </marquee> </marquee> <marquee behavior="alternate" scrollamount="30"> <marquee behavior="alternate" scrollamount="30" direction="down"> <a href="https://tuxcrafting.online/"><image src="../assets/badges/tctek.gif"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="30"> <marquee behavior="alternate" scrollamount="30" direction="down"> <iframe src="//incr.easrng.net/badge?key=changeme" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe> </marquee> </marquee> <marquee behavior="alternate" scrollamount="10"> <marquee behavior="alternate" scrollamount="37" direction="down"> <a href="https://cybercriminal.eu"><image src ="../assets/badges/cbrmnl.png"></a> </marquee> </marquee> <marquee behavior="alternate" scrollamount="13"> <marquee behavior="alternate" scrollamount="110" direction="down"> <a href="https://limepot.xyz/"><image src="../assets/badges/limepotxyz-badge00.gif"></a> </marquee> </marquee> <!--Badges--> <a href="https://bulma.io"> <img src="https://bulma.io/images/made-with-bulma--semiwhite.png" alt="Made with Bulma" width="128" height="24"> </a> <a href="https://github.com/catppuccin/catppuccin"> <img src="https://img.shields.io/badge/Catppuccin-Mocha%20Mauve-%23cba6f7" width="185" height="20"> </a> <a href="https://codeberg.org/LimePotato/limepot-xyz"> <img src="https://img.shields.io/badge/Site-Source-lightgrey.svg" width="94.2" height="20"> </a> <a href="snp.html"><u>Security, Privacy, & Credits</u></a> </div> </footer></center> </section> </body> </html>