mirror of
https://github.com/rvtr/ninjacheetah.github.io.git
synced 2025-06-18 19:15:31 -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
|
title: Error 404
|
||||||
layout: noinclude
|
layout: nofooter
|
||||||
permalink: /404.html
|
permalink: /404.html
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -16,8 +16,9 @@ permalink: /404.html
|
|||||||
background-color: #000000;
|
background-color: #000000;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
{% include nav.html %}
|
<div class="centertext" style="color:#fff;">
|
||||||
<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="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="text-align:center;margin-top:0px;font-weight:normal;" class="neonText">Not Found</h1>
|
<h1 style="margin-top:0;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="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>
|
<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>
|
<title>{{ page.title }} | {{ site.title }}</title>
|
||||||
<link rel="icon" type="image/png" href="/icon.png"/>
|
<link rel="icon" type="image/png" href="/icon.png"/>
|
||||||
<link rel="stylesheet" type="text/css" href="/CSS/style.css">
|
<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" %}
|
{% if page.title == "Home" %}
|
||||||
<meta property="og:title" content="Welcome">
|
<meta property="og:title" content="Welcome">
|
||||||
{% else %}
|
{% else %}
|
||||||
@ -22,6 +25,7 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
{% include nav.html %}
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
107
aboutme.html
107
aboutme.html
@ -1,6 +1,109 @@
|
|||||||
---
|
---
|
||||||
title: About Me
|
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