Reviving site part 1

.gitignore

@@ -0,0 +1,4 @@
+.DS_[Ss]tore
+.jekyll-cache
+.jekyll-metadata
+_site

404.html

@@ -0,0 +1,23 @@
+---
+title: Error 404
+layout: noinclude
+permalink: /404.html
+---
+
+<style>
+  a {
+    color:#fff;
+    text-decoration:none;
+  }
+  body {
+    background-color: #000000;
+  }
+  .nav ul {
+    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>

CSS/black.css

@@ -0,0 +1,37 @@
+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;
+  }
+  

CSS/dark.css

@@ -0,0 +1,37 @@
+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;
+  }
+  

CSS/rose.css

@@ -0,0 +1,40 @@
+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;
+  }
+  

CSS/style.css

@@ -0,0 +1,210 @@
+body {
+    font-family: Calibri, Segoe UI, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+  }
+  footer {
+    text-align: center;
+    font-size: 12px;
+    margin-bottom: 10px;
+  }
+  .footer a {
+    color: blue;
+  }
+  h1, h2 {
+    font-weight: normal;
+  }
+  a {
+    color: blue;
+  }
+  .banner, .banner > .banner-image {
+    width: 100%;
+    display: block;
+  }
+  .nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+  }
+  .navstd {
+    float: left;
+  }
+  .navalt {
+    float: right;
+  }
+  .navstd a, .navalt a  {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+  }
+  .navstd a:hover, .navalt a:hover, .navimg:hover, .dropdown:hover, .dropbtn {
+    background-color: #111;
+  }
+  .navimg {
+    text-align: center;
+    float: right;
+    padding: 6px 14px;
+    object-fit: scale-down;
+  }
+  .img-container {
+    text-align: center;
+    display: block;
+    max-width: 100%;
+    min-width: 100%;
+  }
+  .projectimg {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  h1, h2, h3, h4, p {
+      margin-left: 8px;
+      margin-right: 8px;
+  }
+  code {
+    font-family: Consolas,"courier new";
+    color: black;
+    background-color: #dedede;
+    padding: 2px;
+  }
+  .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;
+    }
+  }
+  .dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+  }
+  
+  .dropdown-content a {
+    float: none;
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+  }
+  
+  .dropdown-content a:hover {
+    background-color: #ddd;
+  }
+  
+  .dropdown:hover .dropdown-content {
+    display: block;
+  }
+  .dropdown {
+    float: left;
+    overflow: hidden;
+  }
+  
+  .dropdown .dropbtn {
+    border: none;
+    outline: none;
+    color: white;
+    background-color: inherit;
+    font-family: inherit;
+    margin: 0;
+  }
+  
+  .centertext {
+    text-align:center;
+    margin-left:5%;
+    margin-right:5%;
+  }
+  

Gemfile

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+
+# gem "rails"
+
+gem "jekyll", "~> 4.2"
+
+group :jekyll_plugins do
+  gem 'jekyll-sitemap'
+  gem 'jekyll-feed'
+  gem 'jekyll-seo-tag'
+end

Gemfile.lock

@@ -0,0 +1,76 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.0)
+      public_suffix (>= 2.0.2, < 5.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.1.9)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.15.5)
+    forwardable-extended (2.6.0)
+    http_parser.rb (0.8.0)
+    i18n (1.9.1)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.2.1)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (~> 2.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (~> 0.4.0)
+      pathutil (~> 0.9)
+      rouge (~> 3.0)
+      safe_yaml (~> 1.0)
+      terminal-table (~> 2.0)
+    jekyll-feed (0.16.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-sass-converter (2.1.0)
+      sassc (> 2.0.1, < 3.0)
+    jekyll-seo-tag (2.7.1)
+      jekyll (>= 3.8, < 5.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.3.1)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.3)
+    listen (3.7.1)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (4.0.6)
+    rb-fsevent (0.11.0)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.5)
+    rouge (3.27.0)
+    safe_yaml (1.0.5)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    terminal-table (2.0.0)
+      unicode-display_width (~> 1.1, >= 1.1.1)
+    unicode-display_width (1.8.0)
+
+PLATFORMS
+  universal-darwin-21
+
+DEPENDENCIES
+  jekyll (~> 4.2)
+  jekyll-feed
+  jekyll-seo-tag
+  jekyll-sitemap
+
+BUNDLED WITH
+   2.3.4

JS/theme.js

@@ -0,0 +1,47 @@
+window.onload = function() {
+    showTheme()
+
+    var lightButton = document.getElementById("lightTheme");
+    var roseButton = document.getElementById("roseTheme");
+    var darkButton = document.getElementById("darkTheme");
+    var blackButton = document.getElementById("blackTheme");
+
+    lightButton.onclick = function() {
+        chooseTheme("");
+        return false;
+    }
+
+    roseButton.onclick = function() {
+        chooseTheme("/CSS/rose.css");
+        return false;
+    }
+
+    darkButton.onclick = function() {
+        chooseTheme("/CSS/dark.css");
+        return false;
+    }
+
+    blackButton.onclick = function() {
+        chooseTheme("/CSS/black.css");
+        return false;
+    }
+}
+
+function swapStyleSheet(sheet) {
+    document.getElementById("pagestyle").setAttribute("href", sheet);
+}
+function getTheme(){
+    var value = localStorage.getItem('theme');
+    return value;
+}
+function setTheme(theme){
+    localStorage.setItem('theme', theme);
+}
+function chooseTheme(theme){
+    swapStyleSheet(theme);
+    setTheme(theme);
+}
+function showTheme(){
+    swapStyleSheet(getTheme());
+}
+  

NinjaCheetah Gaming Website.code-workspace

@@ -1,7 +0,0 @@
-{
-	"folders": [
-		{
-			"path": "."
-		}
-	]
-}

_config.yml

@@ -1 +1,9 @@
-theme: jekyll-theme-cayman
+name: NinjaCheetah's Site
+title: NinjaCheetah's Site
+url: https://ninjacheetah.github.io
+plugins:
+  - jekyll-feed
+  - jekyll-sitemap
+  - jekyll-seo-tag
+feed:
+  posts_limit: 20

_includes/footer.html

@@ -0,0 +1,2 @@
+<hr>
+<footer class="footer">Copyright &copy; 2022 NinjaCheetah. View this page's source <a href="https://github.com/NinjaCheetah/ninjacheetah.github.io">on GitHub</a>.</footer>

_includes/nav.html

@@ -0,0 +1,23 @@
+<div class="nav">
+    <nav>
+        <ul>
+            <li class="navstd"><a href="/">Home</a></li>
+            <li class="navstd"><a href="/series/">Series</a></li>
+            <li class="navstd"><a href="/aboutme">About Me</a></li>
+            <li class="navstd"><a href="/downloads/">Downloads</a></li>
+            <li class="navimg"><a href="https://github.com/NinjaCheetah" target="_blank"><img src="https://cdn.ncxprogramming.com/file/image/navbar/github-light.svg" style="width:32px;height:32px;"/></a></li>
+            <li class="navimg">
+                <div class="dropdown">
+                <a class="dropbtn"><img src="https://cdn.ncxprogramming.com/file/image/navbar/theme.svg" style="width:32px;height:32px;"/></a>
+                    <div class="dropdown-content">
+                      <a id="lightTheme" href="#">Light</a>
+                      <a id="roseTheme" href="#">Rose</a>
+                      <a id="darkTheme" href="#">Dark</a>
+                      <a id="blackTheme"href="#">Black</a>
+                    </div>
+                </div>
+            </li>
+            <li class="navalt"><a href="/blog">My Blog</a></li>
+        </ul>
+    </nav>
+</div>

_layouts/default.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <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://ncxprogramming.com/feed.xml"-->
+    <script src="/JS/theme.js"></script>
+    {% if page.title == "Home" %}
+      <meta property="og:title" content="Welcome">
+    {% else %}
+      <meta property="og:title" content="{{ page.title }}">
+    {% endif %}
+    <meta property="og:locale" content="en_US">
+    <meta name="description" content="{{ page.title }} | {{ site.title }}">
+    <meta property="og:description" content="{{ page.title }} | {{ site.title }}">
+    <link rel="canonical" href="https://ninjacheetah.github.io">
+    <meta property="og:url" content="https://ninjacheetah.github.io">
+    <meta property="og:site_name" content="NinjaCheetah's Site">
+    {% if page.custicon == true %}
+      <meta property="og:image" content="{{ page.iconurl }}">
+    {% else %}
+      <meta property="og:image" content="https://ncxprogramming.com/icon.png">
+    {% endif %}
+  </head>
+  <body>
+    {% include nav.html %}
+    {{ content }}
+  </body>
+  {% include footer.html %}
+</html>

_layouts/noinclude.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <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">
+    {% if page.title == "Home" %}
+      <meta property="og:title" content="Welcome">
+    {% else %}
+      <meta property="og:title" content="{{ page.title }}">
+    {% endif %}
+    <meta property="og:locale" content="en_US">
+    <meta name="description" content="{{ page.title }} | {{ site.title }}">
+    <meta property="og:description" content="{{ page.title }} | {{ site.title }}">
+    <link rel="canonical" href="https://ninjacheetah.github.io">
+    <meta property="og:url" content="https://ninjacheetah.github.io">
+    <meta property="og:site_name" content="NinjaCheetah's Site">
+    {% if page.custicon == true %}
+      <meta property="og:image" content="{{ page.iconurl }}">
+    {% else %}
+      <meta property="og:image" content="https://ncxprogramming.com/icon.png">
+    {% endif %}
+  </head>
+  <body>
+    {{ content }}
+  </body>
+</html>

index.html

@@ -1,12 +1,13 @@
-<html>
+---
-  <style>
+title: Home
-    .banner, .banner > .banner-image {
+layout: default
-      width: 100%;
+---
-      display: block;
+
-    }
+<div class="construction">
-  </style>
+    <img src="NewNCGLogo.png">
-  <div class="banner">
+    <h1>Welcome to my site!</h1>
-    <image class="banner-image" src="https://cdn.ncxprogramming.com/file/image/banner/banner.png">
+    <p>This site is under construction, so don't expect everything to work, or even to be completed.</p>
-  </div>
+</div>
-  <p>Welcome. This site is no longer maintained. If you would like to visit the archive, <a href="/index_OLD.html">click here</a>. Many links <i>will</i> be broken. Otherwise, please visit my new site, <a href="https://ncxprogramming.com">ncxprogramming.com.</p>
+<div class="main_mainpage">
-</html>
+    <h2>Navigate this site using the navigation bar at the top. This home page will get updated in the future.</h2>
+</div>

index_OLD.html

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<title>NinjaCheetah Gaming</title>
-<html>
-    <head>
-        <link rel="icon" type="image/png" href="/NewNCGLogoCompressed.png"/>
-        <link rel="stylesheet" type="text/css" href="style.css">
-        <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap" rel="stylesheet"> 
-        <link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2&display=swap" rel="stylesheet"> 
-        <link href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" rel="stylesheet"> 
-            <div class="nav">
-                <nav>
-                    <ul>
-                        <li><img src="NewNCGLogo.png" width="50" height="50"></li>
-                        <li><a href="https://ninjacheetah-gaming.site">Home</a></li>
-                        <li><a href="/series">Series</a></li>
-                        <li><a href="/aboutme">About Me</a></li>
-                        <li><a href="/downloads">Downloads</a></li>
-                        <li><a href="/techprojects">My Projects</a></li>
-                        <li><a href="/ncxnews">NCX-News</a></li>
-                    </ul>
-                </nav>
-            </div>
-    </head>
-    <body>
-        <div class="construction">
-            <img src="NewNCGLogo.png">
-            <h1>Welcome to my site!</h1>
-            <p>This site is under construction, so don't expect everything to work, or even to be completed.</p>
-        </div>
-        <div class="main_mainpage">
-            <h2>Navigate this site using the navigation bar at the top. This home page will get updated in the future.</h2>
-        </div>
-    </body>
-</html>

ncxnews/index.html

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<title>NinjaCheetah Gaming</title>
-<html>
-    <head>
-        <link rel="icon" type="image/png" href="https://ninjacheetah-gaming.site/NewNCGLogoCompressed.png"/>
-        <link rel="stylesheet" type="text/css" href="../style.css">
-        <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap" rel="stylesheet"> 
-        <link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2&display=swap" rel="stylesheet"> 
-        <link href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" rel="stylesheet"> 
-            <div class="nav">
-                <nav>
-                    <ul>
-                        <li><img src="https://ninjacheetah-gaming.site/NewNCGLogoCompressed.png" width="50" height="50"></li>
-                        <li><a href="https://ninjacheetah-gaming.site">Home</a></li>
-                        <li><a href="/series">Series</a></li>
-                        <li><a href="/aboutme">About Me</a></li>
-                        <li><a href="/downloads">Downloads</a></li>
-                        <li><a href="/techprojects">My Projects</a></li>
-                        <li><a href="/ncxnews">NCX-News</a></li>
-                    </ul>
-                </nav>
-            </div>
-    </head>
-    <body>
-        <div class="standard_heading">
-            <h1>Welcome to NCX-News! This part of the site is dedicated to telling you the latest news about NCX software and this site. It also syncs with the news in NCX-Installer and provides more information.</h1>
-        </div>
-        <div class="ncxnews">
-            <h2>test</h2>
-        </div>
-    </body>
-</html>