mirror of
https://github.com/rvtr/ninjacheetah.github.io.git
synced 2025-06-18 11:05:37 -04:00
Added new about me page
This commit is contained in:
NinjaCheetah
parent
641021d7d1
commit
fc00c043ec
13
404.html
13
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>
|
||||
@ -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>
|
||||
107
aboutme.html
107
aboutme.html
@ -1,6 +1,109 @@
|
||||
---
|
||||
title: About Me
|
||||
layout: default
|
||||
layout: nofooter
|
||||
---
|
||||
|
||||
<h1>I am robot.</h1>
|
||||
<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>
|
||||
Loading…
Reference in New Issue
Block a user