mewizard-blog / about / me.html
me.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=1756058743">
    <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">home</li></a>

                  <a class="navlink dropdown__btn" id="about-btn"><li class="navtext">about</li></a>
                  <div class="dropdown__menu" id="about-dropdown">
                    <a href="/about/me.html" class="navlink"><li class="navtext navtext--current">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>
                    let dropdownMenu = document.getElementById("about-dropdown");
                    let dropdownButton = document.getElementById("about-btn")
                    dropdownMenu.style.display = "block";
                    dropdownButton.classList.toggle("dropdown__btn--active");
                </script>
                <script src="/scripts/toggleDropdown.js"></script>
            </nav>
        </div>

        <div class="content">

            <div class="section">           
                <h2>20-something | he/they | USA</h2>
                <p>Hey, I'm Mewizard! I'm a programmer and artist from the Midwest. 
                    I dream of a more colorful, kind, and authentic world.
                </p>
                <figure>
                    <img src="https://mewizard.nekoweb.org/assets/baby-me.png" alt="Mewizard as a young child, using a computer with a CRT monitor, and wearing a blue velvet tracksuit" class="section__image">
                    <figcaption>Me as a young child, surfin' da web</figcaption>
                </figure>
                <p>I've always been around the internet, but I wasn't passionate about web development until 2023. I learned to code after getting so frustrated with Etsy, that 
                    I tried to build my own online shop. I fell in love with the problem-solving aspect of programming, and now I'm a full-time software developer. 
                    This website, however, is a step back from engineering. I want to focus on the self-expression and creativity that I used to love about the internet.
                </p>
            </div>
            
            <div class="section">
                <h2>Interests</h2>
                <ul>
                    <li>Software development</li>
                    <li>Flow arts, especially hoop</li>
                    <li>Drawing, collage, and sculpture</li>
                    <li>Journaling</li>
                    <li>Roller skating</li>
                </ul>
            </div>

            <div class="section">   
                <h2>Currently</h2>
                <h4>Reading</h4>
                <ul>
                    <li>
                        <a href="https://archive.org/details/burlesquehandboo0000weld">The Burlesque Handbook</a> by Jo Weldon
                    </li>
                </ul>        
                <h4>Listening</h4>
                <ul>
                    <li>Frazey Ford: <a href="https://www.youtube.com/watch?v=0GwAE1UatCg">September Fields</a></li>
                    <li>STRFKR: <a href="https://www.youtube.com/watch?v=L2kO9owFVno&list=PLs9zwqXsceUhsu1Eaikgko7kqS3o1j2Iy">Miracle Mile</a></li>
                    <li>Lake Street Drive: <a href="https://www.youtube.com/watch?v=mW52EZ4Alk8">Better Than</a></li>
                </ul>  
                <h4>Working on</h4>
                <ul>
                    <li>Gluing disco ball tiles to a gumball machine</li>
                    <li>Putting my p5.js sketches on here</li>
                </ul>   
            </div>      
        </div>        
    </div>

    

</body>
</html>
Powered by GitFront