rvtr/ninjacheetah.github.io
1
Fork 0
mirror of https://github.com/rvtr/ninjacheetah.github.io.git synced 2025-06-18 11:05:37 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Reworked projects page, added new blog article

Browse Source
This commit is contained in:
NinjaCheetah 2022-05-13 23:30:45 -04:00
parent 019a067566
commit 0bc61a5329
No known key found for this signature in database
GPG Key ID: 6EC6DD38B449B426
14 changed files with 235 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
404.html
View File

@ -15,8 +15,100 @@ permalink: /404.html
.nav ul {
background-color: #000000;
}
.neonText {
font-family: "Vibur", sans-serif;
color: #fff;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #0fa,
0 0 82px #0fa,
0 0 92px #0fa,
0 0 102px #0fa,
0 0 151px #0fa;
}
@keyframes pulsate0 {
100% {
/* Larger blur radius */
text-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #0fa,
0 0 80px #0fa,
0 0 90px #0fa,
0 0 100px #0fa,
0 0 150px #0fa;
}
0% {
/* A slightly smaller blur radius */
text-shadow:
0 0 4px #fff,
0 0 10px #fff,
0 0 18px #fff,
0 0 38px #0fa,
0 0 73px #0fa,
0 0 80px #0fa,
0 0 94px #0fa,
0 0 140px #0fa;
}
}
@keyframes pulsate1 {
100% {
/* Larger blur radius */
text-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #0c1,
0 0 80px #0c1,
0 0 90px #0c1,
0 0 100px #0c1,
0 0 150px #0c1;
}
0% {
/* A slightly smaller blur radius */
text-shadow:
0 0 4px #fff,
0 0 10px #fff,
0 0 18px #fff,
0 0 38px #0c1,
0 0 73px #0c1,
0 0 80px #0c1,
0 0 94px #0c1,
0 0 140px #0c1;
}
}
@keyframes pulsate2 {
100% {
/* Larger blur radius */
text-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #f00,
0 0 80px #f00,
0 0 90px #f00,
0 0 100px #f00,
0 0 150px #f00;
}
0% {
/* A slightly smaller blur radius */
text-shadow:
0 0 4px #fff,
0 0 10px #fff,
0 0 18px #fff,
0 0 38px #f00,
0 0 73px #f00,
0 0 80px #f00,
0 0 94px #f00,
0 0 140px #f00;
}
}
</style>
<div class="centertext" style="color:#fff;">
<div class="text-center" 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>

12
_includes/nav.html
View File

@ -13,8 +13,13 @@
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/projects/">Projects</a>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">Projects</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="/projects/maintained/">Maintained</a></li>
<li><a class="dropdown-item" href="/projects/archived/">Archived</a></li>
<li><a class="dropdown-item" href="/projects/contributions">Contributions</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/aboutme">About Me</a>
@ -26,9 +31,6 @@
<a class="nav-link" href="/blog">Blog</a>
</li>
</ul>
<span class="navbar-text">
</span>
</div>
</div>
</nav>

14
_layouts/blogpost.html
View File

@ -2,9 +2,13 @@
layout: default
---
<h1>{{ page.title }}</h1>
<h3>{{ page.date | date: "%Y-%m-%d" }}</h3>
<h4>{{ page.author }}</h4>
<p><a href=/blog>&lt;- Back</a></p>
<div class="text-center">
<h1>{{ page.title }}</h1>
<h3>{{ page.date | date: "%Y-%m-%d" }}</h3>
<h4>{{ page.author }}</h4>
<p><a href=/blog>&lt;- Back</a></p>
</div>
<div class="container">
<hr>
{{ content }}
{{ content }}
</div>

2
_layouts/nofooter.html
View File

@ -3,7 +3,7 @@
<head>
<title>{{ page.title }} | {{ site.title }}</title>
<link rel="icon" type="image/png" href="/icon.png"/>
<link rel="stylesheet" type="text/css" href="/assets/css/style_old.css">
<link rel="stylesheet" type="text/css" href="/assets/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="/assets/bootstrap/js/bootstrap.js"></script>

11
_posts/2022-05-13-bootstrap-or-not.html Normal file
View File

@ -0,0 +1,11 @@
---
title: To Bootstrap or not to Bootstrap?
titleshort: Bootstrap or not?
author: NinjaCheetah
layout: blogpost
---
<p>Switching to Bootstrap was quite a big decision because it required me to rework a lot of this site to make it work.</p>
<p>Using Bootstrap has been something that I've wanted to do for quite a while, really ever since I had first heard about it. The whole concept is neat- it basically does the difficult styling work for you, which means that I can spend more time working on the actual site content, rather than trying to make it look good. It also means that now the site is mobile-optimized, so now you can experience this site no matter what device you're on (unless it's really old or doesn't support current SSL certificates).</p>
<p>I would like to take a moment to acknowledge what I lost in the transition: themes. While you can style Bootstrap pretty well, it's not something that can be done easily outside of the HTML. That means that themes had to be removed. While I'm a bit disappointed that I can't use the themes I spent a decent amount of time on, I feel like the pros outweigh the cons overall.</p>
<p>Now, the big question is will I be applying the same changes to the NCX Programming website. The short answer is maybe. I'm probably going to try it out sometime soon and see how it looks. If I like it, I'll go through with it. If not, then it'll stay as it is for the forseeable future. I don't really have any issues with the current styling anyway.</p>

18
blog.html
View File

@ -3,11 +3,15 @@ title: Blog
layout: default
---
<h1>NinjaCheetah's Blog</h1>
<p>Where I write things and you read them I guess. Newest on top.</p>
<hr>
{% for post in site.posts %}
<p><a href="{{ post.url }}">{{ post.title }}</a></p>
<p>{{ post.date | date: "%Y-%m-%d" }} ({{ post.author }})</p>
<div class="text-center">
<h1>NinjaCheetah's Blog</h1>
<p>Where I write things and you read them I guess. Newest on top.</p>
</div>
<div class="container">
<hr>
{% endfor %}
{% for post in site.posts %}
<p><a href="{{ post.url }}">{{ post.title }}</a></p>
<p>{{ post.date | date: "%Y-%m-%d" }} ({{ post.author }})</p>
<hr>
{% endfor %}
</div>

0
projects/automod.html → projects/archived/automod.html
View File

0
projects/c-ref.html → projects/archived/c-ref.html
View File

34
projects/archived/index.html Normal file
View File

@ -0,0 +1,34 @@
---
title: Archived
layout: default
---
<script src="/projects/index.js"></script>
<div id="projectList">
<div class="banner">
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i previously made.</h1>
<div class="container">
<div class="row">
{% for item in site.data.projects-archived %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/archived/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container text-center">
<h5>Also see</h5>
<h5><a href="/projects/maintained/">Maintained Projects</a> | <a href="/projects/contributions">Contributions</a></h5>
</div>
</div>

0
projects/visualbasiccollection.html → projects/archived/visualbasiccollection.html
View File

34
projects/contributions.html Normal file
View File

@ -0,0 +1,34 @@
---
title: Contributions
layout: default
---
<script src="/projects/index.js"></script>
<div id="projectList">
<div class="banner">
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i've contributed to.</h1>
<div class="container" style="padding-bottom: 2rem">
<div class="row">
{% for item in site.data.projects-contributed %}
<div class="col-sm-3">
<div class="card">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
<p class="card-text">{{ item.desc }}</p>
<a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container text-center">
<h5>Also see</h5>
<h5><a href="/projects/maintained/">Maintained Projects</a> | <a href="/projects/archived/">Archived Projects</a></h5>
</div>
</div>

0
projects/fakeapt.html → projects/maintained/fakeapt.html
View File

35
projects/maintained/index.html Normal file
View File

@ -0,0 +1,35 @@
---
title: maintained
layout: default
---
<script src="/projects/index.js"></script>
<div id="projectList">
<div class="banner">
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i've made.</h1>
<div class="container">
<div class="row">
{% for item in site.data.projects-maintained %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/maintained/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container text-center">
<h4>Looking for my other work? Visit <a href="https://ncxprogramming.com/programs/" target="_blank">ncxprogramming.com</a></h4>
<h5>Also see</h5>
<h5><a href="/projects/archived/">Archived Projects</a> | <a href="/projects/contributions">Contributions</a></h5>
</div>
</div>

0
projects/mywebsite.html → projects/maintained/mywebsite.html
View File