<!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>