From fc00c043ecab34f579a497d891d82c7e7f8aa36e Mon Sep 17 00:00:00 2001
From: NinjaCheetah <58050615+NinjaCheetah@users.noreply.github.com>
Date: Tue, 26 Apr 2022 19:35:25 -0400
Subject: [PATCH] Added new about me page

---
 404.html                                   |  13 +--
 _layouts/{noinclude.html => nofooter.html} |   4 +
 aboutme.html                               | 107 ++++++++++++++++++++-
 3 files changed, 116 insertions(+), 8 deletions(-)
 rename _layouts/{noinclude.html => nofooter.html} (81%)
diff --git a/404.html b/404.html
index 65f65af..6fb2349 100644
--- a/404.html
+++ b/404.html
@@ -1,6 +1,6 @@
 ---
 title: Error 404
-layout: noinclude
+layout: nofooter
 permalink: /404.html
 ---
 
@@ -16,8 +16,9 @@ permalink: /404.html
     background-color: #000000;
   }
 </style>
-{% include nav.html %}
-<h1 style="text-align:center;margin-top:48px;font-size:84px;margin-bottom:0px;font-weight:normal;animation: pulsate0 0.11s ease-in-out infinite alternate;color:#fff">404</h1>
-<h1 style="text-align:center;margin-top:0px;font-weight:normal;" class="neonText">Not Found</h1>
-<p style="color:#fff;text-align:center;animation: pulsate1 0.11s ease-in-out infinite alternate;margin-top:64px;"><a href="javascript:window.history.back()">LOAD SAVE</a></p>
-<p style="color:#fff;text-align:center;animation: pulsate2 0.11s ease-in-out infinite alternate;margin-bottom:64px;"><a href="/">NEW GAME</a></p>
+<div class="centertext" style="color:#fff;">
+    <h1 style="margin-top:48px;font-size:84px;margin-bottom:0;font-weight:normal;animation: pulsate0 0.11s ease-in-out infinite alternate;">404</h1>
+    <h1 style="margin-top:0;font-weight:normal;" class="neonText">Not Found</h1>
+    <p style="animation: pulsate1 0.11s ease-in-out infinite alternate;margin-top:64px;"><a href="javascript:window.history.back()">LOAD SAVE</a></p>
+    <p style="animation: pulsate2 0.11s ease-in-out infinite alternate;margin-bottom:64px;"><a href="/">NEW GAME</a></p>
+</div>
\ No newline at end of file
diff --git a/_layouts/noinclude.html b/_layouts/nofooter.html
similarity index 81%
rename from _layouts/noinclude.html
rename to _layouts/nofooter.html
index 840d5a2..574abf2 100644
--- a/_layouts/noinclude.html
+++ b/_layouts/nofooter.html
@@ -4,6 +4,9 @@
     <title>{{ page.title }} | {{ site.title }}</title>
     <link rel="icon" type="image/png" href="/icon.png"/>
     <link rel="stylesheet" type="text/css" href="/CSS/style.css">
+    <link id="pagestyle" rel="stylesheet" type="text/css" href="">
+    <link rel="alternate" type="application/atom+xml" href="https://ninjacheetah.github.io/feed.xml">
+    <script src="/JS/theme.js"></script>
     {% if page.title == "Home" %}
       <meta property="og:title" content="Welcome">
     {% else %}
@@ -22,6 +25,7 @@
     {% endif %}
   </head>
   <body>
+    {% include nav.html %}
     {{ content }}
   </body>
 </html>
diff --git a/aboutme.html b/aboutme.html
index 7df1c7f..14c6ccf 100644
--- a/aboutme.html
+++ b/aboutme.html
@@ -1,6 +1,109 @@
 ---
 title: About Me
-layout: default
+layout: nofooter
 ---
 
-<h1>I am robot.</h1>
\ No newline at end of file
+<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>";
+
+            document.getElementById("aboutMeButtons").remove();
+            const div = document.createElement('div');
+            div.innerHTML = `
+                <p><code>reload to abort execution</code></p>
+                <img src="https://cdn.ncxprogramming.com/file/image/profile/NinjaCheetah.png" width=256 height=256 class="projectimg">
+                <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>";
+
+            document.getElementById("aboutMeButtons").remove();
+            const div = document.createElement('div');
+            div.innerHTML = `
+                <p><code>reload to abort execution</code></p>
+                <img src="https://cdn.ncxprogramming.com/file/image/profile/NinjaCheetah.png" width=256 height=256 class="projectimg">
+                <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>C# (Previously)</li>
+                    <li>C</li>
+                    <li>Swift</li>
+                    <li>Python (Minimally)</li>
+                    <li>HTML/CSS</li>
+                    <li>JavaScript</li>
+                </ul>
+                <p><b>Frameworks I've Used</b></p>
+                <ul style="list-style-position: inside;">
+                    <li>WinForms (Previously)</li>
+                    <li>WPF (Previously)</li>
+                    <li>iOS Storyboards (Minimally)</li>
+                    <li>SwiftUI</li>
+                    <li>swift-cross-ui (Minimally)</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>
+<div class="centertext">
+    <h1 id="aboutMeTitle"><code>awaiting input</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="centertext" id="centertext" style="opacity: 0;">
+
+</div>
\ No newline at end of file
