mewizard-blog / home.html
home.html
Raw 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="main.css?nocache=175147403">
    <link rel="stylesheet" href="home.css?nocache=1754098261">
    <link rel="icon" type="image/x-icon" href="./assets/icons/favicon.ico">
    <title>mewizard</title>
  </head>
  <body>

    <header>
      <a href="home.html" class="title"><img src="./assets/title.png" alt="mewizard"></a>
    </header>

    <div class="grid">
      
       <div class="sidebar">
            <nav>
                <ul>
                  <a href="/home.html" class="navlink"><li class="navtext navtext--first navtext--current">home</li></a>

                  <a class="navlink dropdown__btn"><li class="navtext">about</li></a>
                  <div class="dropdown__menu">
                    <a href="/about/me.html" class="navlink"><li class="navtext">me</li></a>
                    <a href="/about/site.html" class="navlink"><li class="navtext">the site</li></a>
                  </div>
                  
                  <a href="/work.html" class="navlink"><li class="navtext">my work</li></a>
                  <a href="/blog.html" class="navlink"><li class="navtext">blog</li></a>
                  <a href="/links.html" class="navlink"><li class="navtext ">links</li></a>
                  <a href="/guestbook.html" class="navlink"><li class="navtext">guestbook</li></a>
                </ul>
                <script src="/scripts/toggleDropdown.js"></script>
            </nav>
        </div>

      <div class="content">

        <div class="section">
          <h2>welcome</h2>
          <p>
            This website was created out of a longing for the way the internet used to be, before corporations
            tried to squeeze the life out of it. I wanted a place to express myself, free from constraints and censorship.
            I hope you enjoy my little slice of the world wide web!
          </p>
        </div> 

        <div class="section section__columns">
          <div class="section__left">
            <p id="updated">Updated: Loading...</p>
            <p id="visitors">Visitors: Loading...</p>
            <script src="/scripts/getSiteData.js"></script>
          </div>
          <a href="http://nekoweb.org/follow/mewizard" class="link-button">Follow on Nekoweb</a>
        </div>

        <div class="section">
          <div class="status">
            <img class="profile" src="./assets/fraidy-head.png">
            <div class="speech" id="statuscafe">
              <p id="statuscafe-username"></p>
              <p id="statuscafe-content"></p>
            </div>            
          </div>

          <script src="https://status.cafe/current-status.js?name=mewizard" defer></script>
        </div>

      </div>  

    </div>

  
  </body>

  <footer>
    
    <div class="flex-container">

      <a href="https://mewizard.nekoweb.org/rss.xml" class="social">
        <img src="assets/icons/rss.png" class="icon" aria-hidden="true">RSS
      </a>
      <a href="https://bsky.app/profile/fraidythecat.bsky.social" class="social">
          <img src="./assets/icons/bluesky.png" aria-hidden="true" class="icon">Bluesky
      </a>                     
      <a href="https://github.com/mads-bohn" class="social">
          <img src="./assets/icons/github.png" aria-hidden="true" class="icon">Github
      </a>
      <a href="https://sunny.garden/@mewizard" class="social">
          <img src="./assets/icons/mastodon.png" aria-hidden="true" class="icon">Mastodon
      </a>
    </div>
    
  </footer>
</html>
Powered by GitFront