<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel = "icon" href = "assets/branding/self-portrait.png">
    <title>LimePot - Home</title>
    <link rel="stylesheet" href="mybulma/css/mystyles.css">
  </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/self-portrait.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">
              About Me
            </a>
            <a class="navbar-item" href="https://limepot.xyz/blog">
              Blog
            </a>
            <div class="navbar-item has-dropdown is-hoverable">
              <a class="navbar-link" href="https://limepot.xyz/projects">
                Projects
              </a>
              <div class="navbar-dropdown">
              <a class="navbar-item" href="https://github.com/LimePotato">
                Github
            </a>
            <a class="navbar-item" href="https://nullafati.xyz">
              The Library
            </a>
            <a class="navbar-item" href="http://direct.limepot.xyz:3000/limepot/Kenophobia/releases">
                Kenophobia
              </a>
            <a class="navbar-item" href="https://modrinth.com/mod/sine-termino">
              Sine Termino
            </a>
            <a class="navbar-item" href="https://modrinth.com/mod/roses-mod">
              Roses Mod
            </a>
                </div>
            </div>
            <div class="navbar-item has-dropdown is-hoverable">
              <a class="navbar-link">
                More
              </a>
              <div class="navbar-dropdown">
                <a class="navbar-item" href="https://limepot.xyz/old">
                    Old Site
                  </a>
                  <a class="navbar-item" href="https://limepot.xyz/ALPHA">
                    Alpha Site
                  </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">
      <center>
      <h1 class="title">
      Hello World
      </h1>
      <div class="content">
        <br>
        <a href="#">0 Days since last incident.</a>
        <br><br>
        <p class="subtitle">"Forever - is composed of Nows</p>
        <p class="subtitle">`Tis not a different time -</p>
        <p class="subtitle">Except for Infiniteness -</p>
        <p class="subtitle">And Latitude of Home -</p>
        <br>
        <p class="subtitle">From this - experienced Here -</p>
        <p class="subtitle">Remove the Dates - to These -</p>
        <p class="subtitle">Let Months dissolve in further Months -</p>
        <p class="subtitle">And Years - exhale in Years ..."</p>
        <p class="subtitle"></p><strong>- Emily Dickinson</strong></p>
        <br>
        </div>
    </div>
  </center>
    <center>
    <footer class="footer">
      <div class="content has-text-centered">
        <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://github.com/LimePotato/limepot.xyz">
          <img src="https://img.shields.io/badge/Site-Source-lightgrey.svg" width="94.2" height="20">
        </a>
        <a href="https://github.com/LimePotato/limepot.xyz/blob/main/LICENSE">
          <img alt="GitHub" src="https://img.shields.io/github/license/LimePotato/nullafati.xyz" width="130" height="20">
        </a>
      </div>
    </footer></center>
  </section>
  </body>
</html>