ninjacheetah.github.io/aboutme.html

---
title: About Me
layout: nofooter
---

<script>
    window.addEventListener('load', checkAboutMeButtons, false);

    function checkAboutMeButtons() {
        let getPersonalInfo = document.getElementById("getPersonalInfo");
        let getDeveloperInfo = document.getElementById("getDeveloperInfo");

        getPersonalInfo.onclick = function() {
            // Set title
            let aboutMeTitle = document.getElementById("aboutMeTitle");
            aboutMeTitle.innerHTML = '<code>struct personalInfo</code><code class="blink">|</code>';

            document.getElementById("aboutMeButtons").remove();
            const div = document.createElement('div');
            div.innerHTML = `
                <p><code><a href="" onclick="window.location.reload()">abort execution</a></code></p>
                <img src="https://cdn.ncxprogramming.com/file/image/profile/NinjaCheetah.png" width=256 height=256 class="projectimg" alt="My profile picture.">
                <h1>Hey there!</h1>
                <p>I'm NinjaCheetah, and I'm still procrastinating writing this part. Reload the page and check out the other part while you wait.</p>
            `;
            document.getElementById("centertext").appendChild(div);

            // Fade in text
            aboutMeTitle.style.opacity = "0";
            setInterval(show, 75);
            function show() {
                let opacity;
                let intervalID = 0;
                let textToAppear = document.getElementById("centertext");
                opacity = Number(window.getComputedStyle(textToAppear).getPropertyValue("opacity"));
                if (opacity < 1) {
                    opacity += 0.1;
                    textToAppear.style.opacity = opacity;
                    aboutMeTitle.style.opacity = opacity;
                } else {
                    clearInterval(intervalID);
                }
            }
            return false;
        }

        getDeveloperInfo.onclick = function() {
            // Set title
            let aboutMeTitle = document.getElementById("aboutMeTitle");
            aboutMeTitle.innerHTML = '<code>struct developerInfo</code><code class="blink">|</code>';

            document.getElementById("aboutMeButtons").remove();
            const div = document.createElement('div');
            div.innerHTML = `
                <p><code><a href="" onclick="window.location.reload()">abort execution</a></code></p>
                <img src="https://cdn.ncxprogramming.com/file/image/profile/NinjaCheetah.png" width=256 height=256 class="projectimg" alt="My profile picture.">
                <h2><code>print("Hello, world!");</code></h2>
                <p>I'm NinjaCheetah, a jack of all trades, master of none developer. I've tried many languages and other skills but have never quite excelled at any of them. Either way, I still find software and web development fun, most of the time.</p>
                <p><b>Languages I've Used</b></p>
                <ul style="list-style-position: inside;">
                    <li><code>C# (Previously)</code></li>
                    <li><code>C</code></li>
                    <li><code>Swift</code></li>
                    <li><code>Python (Minimally)</code></li>
                    <li><code>HTML/CSS</code></li>
                    <li><code>JavaScript</code></li>
                </ul>
                <p><b>Frameworks I've Used</b></p>
                <ul style="list-style-position: inside;">
                    <li><code>WinForms (Previously)</code></li>
                    <li><code>WPF (Previously)</code></li>
                    <li><code>iOS Storyboards (Minimally)</code></li>
                    <li><code>SwiftUI</code></li>
                    <li><code>swift-cross-ui (Minimally)</code></li>
                </ul>
                <p>I'm endlessly trying to improve my skills, both backend and frotend wise. This website (really this page specifically) is where I plan to try new UI styles and test my JavaScript skills. My macOS/iOS/watchOS app <a href="https://github.com/NCX-Programming/RNGTool">RNGTool</a> is what I'm using to try and learn Swift and SwiftUI. In fact, a lot of the public programs I've created were originally made for me to test out my skills with a language or framework. Someday I'd like to actually take those skills and make something people will use with them.</p>
            `;
            document.getElementById("centertext").appendChild(div);

            // Fade in text
            aboutMeTitle.style.opacity = "0";
            setInterval(show, 75);
            function show() {
                let opacity;
                let intervalID = 0;
                let textToAppear = document.getElementById("centertext");
                opacity = Number(window.getComputedStyle(textToAppear).getPropertyValue("opacity"));
                if (opacity < 1) {
                    opacity += 0.1;
                    textToAppear.style.opacity = opacity;
                    aboutMeTitle.style.opacity = opacity;
                } else {
                    clearInterval(intervalID);
                }
            }
            return false;
        }
    }
</script>
<noscript>
    <h1 class="text-center">You have JavaScript disabled! This page won't work without it. Sorry.</h1>
</noscript>
<style>
    body {
        background-color: black;
    }
    a {
        color: aqua;
    }
    ol {
        color: white;
    }
    code {
        background-color: black;
        color: #00FF00;
    }
    .blink {
        animation: blink 1s steps(1, end) infinite;
    }
    @keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
</style>
<div class="text-center">
    <h1 id="aboutMeTitle"><code>awaiting input</code><code class="blink">|</code></h1>
    <div id="aboutMeButtons">
        <p><code><a href="" id="getPersonalInfo">ninjacheetah.getPersonalInfo()</a></code></p>
        <p><code><a href="" id="getDeveloperInfo">ninjacheetah.getDeveloperInfo()</a></code></p>
    </div>
</div>
<div class="text-center text-white container" id="centertext" style="opacity: 0;">

</div>