mirror of
https://github.com/rvtr/ninjacheetah.github.io.git
synced 2025-06-18 11:05:37 -04:00
Improved links on project pages
This commit is contained in:
NinjaCheetah
parent
924699f957
commit
0936d00081
@ -6,7 +6,7 @@
|
||||
<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>
|
||||
<script src="/assets/bootstrap/js/bootstrap.bundle.js"></script>
|
||||
<script src="/assets/js/main.js"></script>
|
||||
{% if page.title == "Home" %}
|
||||
<meta property="og:title" content="Welcome">
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<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>
|
||||
<script src="/assets/bootstrap/js/bootstrap.bundle.js"></script>
|
||||
<script src="/assets/js/main.js"></script>
|
||||
{% if page.title == "Home" %}
|
||||
<meta property="og:title" content="Welcome">
|
||||
|
||||
@ -2,16 +2,7 @@
|
||||
layout: default
|
||||
---
|
||||
|
||||
<script src="/projects/index.js"></script>
|
||||
<script>
|
||||
window.addEventListener('load', handleFadeIn, false);
|
||||
function handleFadeIn() {
|
||||
const div = document.getElementById("projectPage");
|
||||
div.style.opacity = "0";
|
||||
fadeIn(div);
|
||||
}
|
||||
</script>
|
||||
<div class="centertext" id="projectPage">
|
||||
<div class="container text-center pb-3" id="projectPage">
|
||||
{% if page.archived == true %}
|
||||
<img src="https://cdn.ncxprogramming.com/file/image/banner/archived.svg" class="projectimg" style="width:80%;" alt="A banner showing that this project is archived.">
|
||||
{% endif %}
|
||||
@ -19,6 +10,15 @@ layout: default
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p><b>Platform(s): </b>{{ page.platform }}</p>
|
||||
<p><b>Written in: </b>{{ page.language }}</p>
|
||||
|
||||
<div class="dropdown pb-3">
|
||||
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Project Links
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
|
||||
{% for item in page.links %}
|
||||
<li><a class="dropdown-item" href="{{ item.link }}">{{ item.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
@ -1,37 +0,0 @@
|
||||
body {
|
||||
background-color: black;
|
||||
}
|
||||
a {
|
||||
color: aqua;
|
||||
}
|
||||
h1, h2, h3, h4, p, ul {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
color: white;
|
||||
}
|
||||
.nav ul {
|
||||
background-color: #212121;
|
||||
}
|
||||
footer {
|
||||
color: white;
|
||||
}
|
||||
.footer a {
|
||||
color: aqua;
|
||||
}
|
||||
ol {
|
||||
color: white;
|
||||
}
|
||||
code {
|
||||
background-color: #2E2E2E;
|
||||
color: #00FF00;
|
||||
}
|
||||
.dropdown-content {
|
||||
background-color: #212121;
|
||||
}
|
||||
.dropdown-content a {
|
||||
color: white;
|
||||
}
|
||||
.dropdown-content a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
@ -1,37 +0,0 @@
|
||||
body {
|
||||
background-color: #282C35;
|
||||
}
|
||||
a {
|
||||
color: aqua;
|
||||
}
|
||||
h1, h2, h3, h4, p, ul {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
color: white;
|
||||
}
|
||||
.nav ul {
|
||||
background-color: #20242B;
|
||||
}
|
||||
footer {
|
||||
color: white;
|
||||
}
|
||||
.footer a {
|
||||
color: aqua;
|
||||
}
|
||||
ol {
|
||||
color: white;
|
||||
}
|
||||
code {
|
||||
background-color: #2E2E2E;
|
||||
color: #00FF00;
|
||||
}
|
||||
.dropdown-content {
|
||||
background-color: #20242B;
|
||||
}
|
||||
.dropdown-content a {
|
||||
color: white;
|
||||
}
|
||||
.dropdown-content a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
@ -1,49 +0,0 @@
|
||||
body {
|
||||
background-color: #231B30;
|
||||
}
|
||||
a {
|
||||
color: aqua;
|
||||
text-shadow:
|
||||
0 0 5px #fff,
|
||||
0 0 7px #fff,
|
||||
0 0 12px #0fa,
|
||||
0 0 20px #0fa,
|
||||
0 0 36px #0fa;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
color: #fff;
|
||||
text-shadow:
|
||||
0 0 5px #fff,
|
||||
0 0 7px #fff,
|
||||
0 0 12px #FFF8CD,
|
||||
0 0 36px #FFF8CD;
|
||||
}
|
||||
h4, p, ul {
|
||||
color: #fff;
|
||||
}
|
||||
.nav ul {
|
||||
background-color: #171521;
|
||||
}
|
||||
footer {
|
||||
color: #fff;
|
||||
}
|
||||
.footer a {
|
||||
color: aqua;
|
||||
}
|
||||
ol {
|
||||
color: white;
|
||||
}
|
||||
code {
|
||||
background-color: #252336;
|
||||
color: #7EEEB0;
|
||||
}
|
||||
.dropdown-content {
|
||||
background-color: #171521;
|
||||
}
|
||||
.dropdown-content a {
|
||||
color: white;
|
||||
}
|
||||
.dropdown-content a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
body {
|
||||
background-color: #FDC9E1;
|
||||
}
|
||||
a {
|
||||
color: #7A284E;
|
||||
}
|
||||
h1, h2, h3, h4, p, ul {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
color: black;
|
||||
}
|
||||
.nav ul {
|
||||
background-color: #664353;
|
||||
}
|
||||
footer {
|
||||
color: black;
|
||||
}
|
||||
.footer a {
|
||||
color: #7A284E;
|
||||
}
|
||||
ol {
|
||||
color: black;
|
||||
}
|
||||
code {
|
||||
background-color: #906F7E;
|
||||
color: white;
|
||||
}
|
||||
.dropdown-content {
|
||||
background-color: #7A5164;
|
||||
}
|
||||
.dropdown-content a {
|
||||
color: white;
|
||||
}
|
||||
.dropdown-content a:hover {
|
||||
background-color: #37242D;
|
||||
}
|
||||
.navstd a:hover, .navalt a:hover, .navimg:hover, .dropdown:hover, .dropbtn {
|
||||
background-color: #37242D;
|
||||
}
|
||||
|
||||
@ -7,6 +7,9 @@ author: NinjaCheetah
|
||||
platform: Windows
|
||||
language: Batch, C#
|
||||
archived: true
|
||||
links:
|
||||
- name: No Links Available
|
||||
link: #
|
||||
---
|
||||
|
||||
<h2>About</h2>
|
||||
|
||||
@ -7,9 +7,11 @@ author: NinjaCheetah
|
||||
platform: Web
|
||||
language: HTML, CSS
|
||||
archived: true
|
||||
links:
|
||||
- name: View Source
|
||||
link: https://github.com/NinjaCheetah/c-ref
|
||||
---
|
||||
|
||||
<a href="https://github.com/NinjaCheetah/c-ref">View Source</a>
|
||||
<h2>About</h2>
|
||||
<p>c-ref was my attempt at a reference guide for the C programming language. Its goal was to be as simple to understand as possible while still telling you what you need to know to make things work. The biggest flaw was that I was trying to teach what I was just learning (sometimes incorrectly), and that the site itself was clunky to navigate.</p>
|
||||
<p>The repository was silently archived down on March 15, and while the site itself can be viewed and stumbled through at <a href="https://ninjacheetah.github.io/c-ref/">https://ninjacheetah.github.io/c-ref/</a>, the domain, <code>c-ref.ncxprogramming.com</code>, is now disabled. No future work will be done on the site and the project is unlikely to be revisted as there are plenty of other reference sites out there.</p>
|
||||
|
||||
@ -7,7 +7,9 @@ author: NinjaCheetah
|
||||
platform: Windows
|
||||
language: VisualBasic
|
||||
archived: true
|
||||
links:
|
||||
- name: View Source
|
||||
link: https://github.com/NinjaCheetah/VisualBasic-Collection-Vol.1
|
||||
---
|
||||
|
||||
<a href="https://github.com/NinjaCheetah/VisualBasic-Collection-Vol.1">View Source</a>
|
||||
<p>WIP</p>
|
||||
@ -3,7 +3,6 @@ title: Projects
|
||||
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 :(">
|
||||
@ -18,7 +17,7 @@ layout: default
|
||||
<button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Contributions</button>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="tab-content" id="nav-tabContent">
|
||||
<div class="tab-content pb-3" id="nav-tabContent">
|
||||
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
|
||||
<h3 class="text-center pt-3 pb-1">Maintained</h3>
|
||||
<p class="text-center text-muted pb-1">Projects that are still being worked on and updated.</p>
|
||||
|
||||
@ -1,37 +0,0 @@
|
||||
function fadeToPage(page) {
|
||||
fadeOut(document.getElementById("projectList"), function (){
|
||||
document.getElementById("projectList").remove();
|
||||
window.location.href = "/projects/" + page
|
||||
})
|
||||
}
|
||||
|
||||
function fadeOut(div, _callback) {
|
||||
setInterval(fade, 50);
|
||||
function fade() {
|
||||
let opacity;
|
||||
let intervalID = 0;
|
||||
opacity = Number(window.getComputedStyle(div).getPropertyValue("opacity"));
|
||||
if (opacity > 0) {
|
||||
opacity -= 0.1;
|
||||
div.style.opacity = opacity;
|
||||
} else {
|
||||
clearInterval(intervalID);
|
||||
_callback();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function fadeIn(div) {
|
||||
setInterval(fade, 50);
|
||||
function fade() {
|
||||
let opacity;
|
||||
let intervalID = 0;
|
||||
opacity = Number(window.getComputedStyle(div).getPropertyValue("opacity"));
|
||||
if (opacity < 1) {
|
||||
opacity += 0.1;
|
||||
div.style.opacity = opacity;
|
||||
} else {
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -7,9 +7,11 @@ author: NinjaCheetah
|
||||
platform: Windows, macOS, Linux (Officially) 3DS (Unofficially)
|
||||
language: C#, C (Officially) C++ (Unofficially)
|
||||
archived: false
|
||||
links:
|
||||
- name: View Source
|
||||
link: https://github.com/NinjaCheetah/fake-apt
|
||||
---
|
||||
|
||||
<a href="https://github.com/NinjaCheetah/fake-apt">View Source</a>
|
||||
<h3>About</h3>
|
||||
<p>fake-apt is my fake version of APT, the package manager used in Debian- and Ubuntu-based Linux distros.</p>
|
||||
<p>fake-apt sets out to imitate most of APT's features, such as <code>install</code>, <code>update</code>, <code>remove</code>, etc. While it's meant to look like the program is doing something, it doesn't really do anything, and is just for looks.</p>
|
||||
|
||||
@ -6,9 +6,11 @@ iconurl: https://cdn.ncxprogramming.com/file/icon/ninjacheetahsite.png
|
||||
author: NinjaCheetah
|
||||
platform: Web
|
||||
language: HTML, CSS, Ruby, JavaScript
|
||||
links:
|
||||
- name: View Source
|
||||
link: https://github.com/NinjaCheetah/ninjacheetah.github.io
|
||||
---
|
||||
|
||||
<a href="https://github.com/NinjaCheetah/ninjacheetah.github.io">View Source</a>
|
||||
<h3>About</h3>
|
||||
<p>I originally created this website in March of 2020 as a place to host information about my YouTube channel, and later my tech projects. It started out very basic, though it had styling, unlike the NCX Programming website. The NCX Programming website's lack of style at first actually came from this site, because I felt that there was too much unneeded styling and also a lot of styling that just didn't look good. I decided to take my time adding stying to the site to make it look better, and it paid off in the end, because now that styling has made its way back here, at least for now.</p>
|
||||
<p>This site is the oldest GitHub repo I have that still gets updates. It almost wasn't that way though, as I abandonded this site for a period of about 6 months. Towards the end of that I replaced <code>index.html</code> with a page telling you to go to the NCX Programming website.</p>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user