<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="icon" type="image/png" sizes="48x48" href="/images/bunnie48px.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="color-scheme" content="dark light">
  <title>Zoey's Bits - About</title>
  <link rel="stylesheet" href="/css/about.css" type="text/css" media="all">
</head>

<body>

    <div id="header-placeholder"></div>

    <div class="headercontent">
        <h1 id="title">About me!</h1>
        <h4 id="subtitle">booba</h4>

        <p>
            I like bunnies, but don't own any.
        </p>
        
        <p> 
            Mostly a jack of all trades, master of none. 
            <br>
            At least it makes for conversations that don't really die down.
        </p>
        
        <p>
            Big proponent of Free and Open Source Software.
            <br>
            Self-hosting Gitea and Nextcloud servers.
            <br>
            Running Arch Linux (btw) since 2019.
            <br>
            My first Linux distro was Ubuntu 14.04 in, well.., 2014.
            <br>
        <p>
            Aspiring game dev, doing everything from code, 
            <br>
            through hosting services,
            and creating all the 3D models, sprites and soon also sounds. 
            <br>
            Yet to release a single project. ヽ(゚Д゚)ノ
        </p>

        <p>
            Used to, and still do, have a relatively big K-On! oriented Discord server, <br>
            like that's anything to brag about, <br>
            but it's basically been on maintenance mode for maybe 2 years now. <br>
            If you'd still like to join, knock yourself out. <br>
            <a href="https://discord.gg/qpsYX58">
                <img class="TTClogo" src="/images/TTClatestCircleCrop.png">
                <br>
                <img class="ShieldsDiscord" alt="Discord" src="https://img.shields.io/discord/625008568369938445?logo=discord">
            </a> 
            <br>
            <a href='https://mastodon.online/@sailorzoop'>
                <img alt='Mastodon' src='https://img.shields.io/badge/| sailorzoop-darkblue?&logo=mastodon'>
            </a>
            <a href=''>  
                <img alt='Discord' src='https://img.shields.io/badge/| @sailorzoop-purple?&logo=discord'>
            </a>
            <a href='https://matrix.to/#/@sailorzoop:matrix.org'>
                <img alt='Matrix' src='https://img.shields.io/badge/| @sailorzoop:matrix.org-darkgreen?&logo=matrix'>
            </a>
        </p>

    </div>

    <div id="footer-placeholder"></div>

    <script src="/js/loadnavs.js" defer></script>
</body>

</html>