Bootstrap-ification! This does completely kill themes, sorry.

_config.yml

@@ -7,3 +7,7 @@ plugins:
   - jekyll-seo-tag
 feed:
   posts_limit: 20
+sass:
+  load_paths:
+    - assets/css
+    - assets/bootstrap/css

_data/projects-archived.yml

@@ -0,0 +1,12 @@
+- name: automod
+  truename: AutoMod/automod-rewrite
+  icon: https://cdn.ncxprogramming.com/file/icon/automod.png
+  desc: My legally questionable modpack installer.
+- name: c-ref
+  truename: c-ref
+  icon: https://cdn.ncxprogramming.com/file/icon/placeholder.svg
+  desc: The start of a user-friendly reference guide for the C language.
+- name: visualbasiccollection
+  truename: VisualBasic-Collection-Vol.1
+  icon: https://cdn.ncxprogramming.com/file/icon/placeholder.svg
+  desc: A demo program I made in VisualBasic.

_data/projects-contributed.yml

@@ -0,0 +1,8 @@
+- name: swift-cross-ui
+  truename: swift-cross-ui
+  author: stackotter
+  desc: A SwiftUI-esque wrapper for SwiftGtk.
+- name: desktop
+  truename: c-ref
+  author: revoltchat
+  desc: The desktop app for the Revolt chat platform.

_data/projects-maintained.yml

@@ -0,0 +1,8 @@
+- name: fakeapt
+  truename: fake-apt
+  icon: https://cdn.ncxprogramming.com/file/icon/placeholder.svg
+  desc: My fake version of APT that pretends to do various APT things.
+- name: mywebsite
+  truename: This Website
+  icon: https://cdn.ncxprogramming.com/file/icon/placeholder.svg
+  desc: The thing you're currently looking at.

_includes/footer.html

@@ -1,2 +1,5 @@
-<hr>
-<footer class="footer">Copyright &copy; 2020-<span id="footerDate"></span> NinjaCheetah. View this page's source <a href="https://github.com/NinjaCheetah/ninjacheetah.github.io">on GitHub</a>.</footer>
+<footer class="bg-light text-center text-lg-start">
+    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
+        Copyright &copy; 2020-<span id="footerDate"></span> NinjaCheetah. View this page's source <a href="https://github.com/NinjaCheetah/ninjacheetah.github.io" class="text-reset fw-bold">on GitHub</a>.
+    </div>
+</footer>

_includes/nav.html

@@ -1,25 +1,34 @@
-<div class="nav">
-    <nav>
-        <ul>
-            <li class="navstd"><a href="/">Home</a></li>
-            <li class="navstd"><a href="/projects/">Projects</a></li>
-            <li class="navstd"><a href="/aboutme">About Me</a></li>
-            <li class="navstd"><a href="/products/icons">Products</a></li>
-            <li class="navstd"><a href="/old/">Old</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="neonTheme" href="#">Neon (Beta)</a>
-                        <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>
+{% if page.title == "Error 404" or page.title == "About Me" %}
+<nav class="navbar navbar-dark navbar-expand-lg bg-black">
+{% else %}
+<nav class="navbar navbar-dark navbar-expand-lg bg-dark">
+{% endif %}
+    <div class="container-fluid">
+        <a class="navbar-brand" href="#">NinjaCheetah's Site</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarText">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <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>
+                <li class="nav-item">
+                    <a class="nav-link" href="/aboutme">About Me</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/products/icons">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/blog">Blog</a>
                 </li>
-            <li class="navalt"><a href="/blog">My Blog</a></li>
             </ul>
-    </nav>
-</div>
+            <span class="navbar-text">
+
+            </span>
+        </div>
+    </div>
+</nav>

_layouts/default.html

@@ -3,11 +3,12 @@
   <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 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="/JS/main.js"></script>
-    <script src="/JS/theme.js"></script>
+    <script src="/assets/bootstrap/js/bootstrap.js"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/theme.js"></script>
     {% if page.title == "Home" %}
       <meta property="og:title" content="Welcome">
     {% else %}

_layouts/nofooter.html

@@ -3,10 +3,10 @@
   <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 rel="stylesheet" type="text/css" href="/assets/css/style_old.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>
+    <script src="/assets/js/theme.js"></script>
     {% if page.title == "Home" %}
       <meta property="og:title" content="Welcome">
     {% else %}

assets/bootstrap/css/bootstrap-reboot.css

@@ -0,0 +1,485 @@
+/*!
+ * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+:root {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-bg: #fff;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: 0.25;
+}
+
+hr:not([size]) {
+  height: 1px;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-bs-original-title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #0d6efd;
+  text-decoration: underline;
+}
+a:hover {
+  color: #0a58ca;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+  direction: ltr /* rtl:ignore */;
+  unicode-bidi: bidi-override;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: #d63384;
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 0.875em;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+  font-weight: 700;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: #6c757d;
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+}
+
+::file-selector-button {
+  font: inherit;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

assets/bootstrap/css/bootstrap-reboot.rtl.css

@@ -0,0 +1,482 @@
+/*!
+ * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+:root {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-bg: #fff;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: 0.25;
+}
+
+hr:not([size]) {
+  height: 1px;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-bs-original-title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #0d6efd;
+  text-decoration: underline;
+}
+a:hover {
+  color: #0a58ca;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+  direction: ltr ;
+  unicode-bidi: bidi-override;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: #d63384;
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 0.875em;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+  font-weight: 700;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: #6c757d;
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+}
+
+::file-selector-button {
+  font: inherit;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

assets/css/style.css

@@ -0,0 +1 @@
+@import '/assets/bootstrap/css/bootstrap.min.css';

assets/css/style_old.css

@@ -1,3 +1,5 @@
+@import '/assets/bootstrap/css/bootstrap.min.css';
+
 body {
     font-family: Calibri, Segoe UI, Helvetica, Arial, sans-serif;
     margin: 0;

assets/js/theme.js

@@ -15,22 +15,22 @@ function themeButtons() {
     }
 
     roseButton.onclick = function() {
-        chooseTheme("/CSS/rose.css");
+        chooseTheme("/assets/css/rose.css");
         return false;
     }
 
     darkButton.onclick = function() {
-        chooseTheme("/CSS/dark.css");
+        chooseTheme("/assets/css/dark.css");
         return false;
     }
 
     blackButton.onclick = function() {
-        chooseTheme("/CSS/black.css");
+        chooseTheme("/assets/css/black.css");
         return false;
     }
 
     neonButton.onclick = function() {
-        chooseTheme("/CSS/neon.css");
+        chooseTheme("/assets/css/neon.css");
         return false;
     }
 }

index.html

@@ -3,9 +3,9 @@ title: Home
 layout: default
 ---
 
-<div class="banner">
-    <img class="banner-image" src="/files/banner/homepage.svg" alt="an awesome banner. too bad it isn't loading for you :(">
+<img class="img-fluid" src="/assets/banner/homepage.svg" alt="an awesome banner. too bad it isn't loading for you :(">
+<div class="text-center">
+    <h1>Welcome to my site!</h1>
+    <p>I'm currently in the process of remaking this site, so bear with me.</p>
+    <p>This home page will get updated in the future.</p>
 </div>
-<h1>welcome to my site!</h1>
-<p>I'm currently in the process of remaking this site, so bear with me.</p>
-<p>This home page will get updated in the future.</p>

old/downloads/index.html

@@ -1,9 +0,0 @@
----
-title: Downloads
-layout: default
----
-
-<h1>Here are the download catagories available.</h1>
-<ul>
-    <li><a href="/old/downloads/skindownloads">Minecraft Skins</a></li>
-</ul>

old/downloads/skindownloads.html

@@ -1,13 +0,0 @@
----
-title: Skin Downloads
-layout: default
----
-
-<h1>NCG Skin w/ Sweatshirt</h1>
-<a href="http://www.mediafire.com/file/1609362tln8stdh/NCG_Jacket_Skin.png/file">Download</a>
-<h1>NCG Skin</h1>
-<a href="http://www.mediafire.com/file/ws4j3m4i50oko0w/NCG_Skin.png/file">Download</a>
-<h1>NCG Holiday Skin</h1>
-<a href="http://www.mediafire.com/file/w7u3ft8rp0z4kk1/NCG_Holiday_Skin.png/file">Download</a>
-<h1>NCG Frost Skin</h1>
-<a href="http://www.mediafire.com/file/34443b8re3jxuxx/NCG_Winter_Skin.png/file">Download</a>

old/index.html

@@ -1,8 +0,0 @@
----
-title: Old Things
-layout: default
----
-
-<p>Here are some of the really old pages from the old version of this website.</p>
-<p><a href="/old/downloads/">Downloads</a></p>
-<p><a href="/old/series/">Series</a></p>

old/series/archive/fearthemods.html

@@ -1,12 +0,0 @@
----
-title: Fear The Mods
-layout: default
----
-
-<h1>Fear The Mods</h1>
-<h2>Fear The Mods was a modded survival series, based in 1.7.10. The series had some building, some fighting, and mining, and was the first series to recieve custom made thumbnails.</h2>
-<h3>Reason for discontinuation: World was corrupted</h3>
-<p>First Episode</p>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/_V4XaSEoOfg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-<p>Last Episode</p>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/FI_ZP3TEqPs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

old/series/archive/index.html

@@ -1,11 +0,0 @@
----
-title: The Archive
-layout: default
----
-
-<img src="TheArchive.png" width="720" height="480">
-<h1>old things i made on youtube</h1>     
-<ul>
-    <li><a href="/old/series/archive/fearthemods">Fear The Mods</a></li>
-    <li><a href="/old/series/archive/wasteland">Wastelands</a></li>
-</ul>

old/series/archive/wasteland.html

@@ -1,10 +0,0 @@
----
-title: Wasteland
-layout: default
----
-
-<h1>Wasteland</h1>
-<h2>Wasteland was a collaborative effort with myself, Leo the Lion, MintBranch99035 owo, and GJKweens. We were in a ruined version of the world we often play in, which is infested with zombies and has radiation in the air. Sadly nobody was interested in this series, and it was discontinued after just one episode, and the second was never released.</h2>
-<h3>Reason for discontinuation: Lack of intrest from viewers and collaborators</h3>
-<p>Only Episode (Second episode was recoreded but never posted)</p>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/ZjUHPxAkVx0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

old/series/basebuilders.html

@@ -1,9 +0,0 @@
----
-title: Base Builders
-layout: default
----
-
-<h1>Base Builders</h1>
-<h2>Base builders is a creative building series, where I am building a lab and an underground bunker. Please note that I am not by any means a profesional builder, so if you don't like how I'm building, just leave.</h2>
-<p>Episode 1</p>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/2-Kg3nk35js" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

old/series/index.html

@@ -1,12 +0,0 @@
----
-title: Series
-layout: default
----
-
-<h1>things i made on youtube</h1>
-<p><a href="/old/series/archive">The Archive</a></p>
-<ul>
-    <li><a href="/old/series/basebuilders">Base Builders</a></li>
-    <li><a href="/old/series/ncgsadventures">NCG's Adventures</a></li>
-    <li><a href="/old/series/skylands"> Skylands</a></li>
-</ul>

old/series/ncgsadventures.html

@@ -1,9 +0,0 @@
----
-title: NCG's Adventures
-layout: default
----
-
-<h1>NCG's Adventures</h1>
-<h2>NCG's Adventures is the revamped version of NinjaCheetah Gaming Adventures (NCGA). After the complete failure that NCGA was, I needed to create something new. This series takes a long time to set up, so episodes are very infrequent.</h2>
-<p>Episode 1</p>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/4iATw6nAoIo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

old/series/skylands.html

@@ -1,9 +0,0 @@
----
-title: Skylands
-layout: default
----
-
-<h1>Skylands</h1>
-<h2>Skylands is a survival series in a world made up of large floating islands, generated by Minecraft automatically, not built by a player. The void is now a big problem, and there are cliffs everywhere. This is the ultimate vanilla challenge.</h2>
-<p>Episode 1</p>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/YuFV7ALy6Dg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

projects/index.html

@@ -6,24 +6,60 @@ layout: default
 <script src="/projects/index.js"></script>
 <div id="projectList">
     <div class="banner">
-        <img class="banner-image" src="/files/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
+        <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>things i've made.</h1>
-    <p>Maintained</p>
-    <ul>
-        <li><a href='javascript:fadeToPage("fakeapt")'>fake-apt</a>, my fake version of APT that pretends to do various APT things.</li>
-        <li><a href='javascript:fadeToPage("mywebsite")'>This Website</a>, the thing you're currently looking at.</li>
-    </ul>
-    <p>Archived</p>
-    <ul>
-        <li><a href='javascript:fadeToPage("automod")'>AutoMod/automod-rewrite</a>, my legally questionable modpack installer.</li>
-        <li><a href='javascript:fadeToPage("c-ref")'>c-ref</a>, the start of a user-friendly reference guide for the C language.</li>
-        <li><a href='javascript:fadeToPage("visualbasiccollection")'>VisualBasic-Collection-Vol.1</a>, a demo program I made in VisualBasic.</li>
-    </ul>
-    <h1>things i've contributed to.</h1>
-    <ul>
-        <li><a href="https://github.com/stackotter/swift-cross-ui" target="_blank">swift-cross-ui</a> by <a href="https://github.com/stackotter">stackotter</a>, a SwiftUI-esque wrapper for SwiftGtk.</li>
-        <li><a href="https://github.com/revoltchat/desktop" target="_blank">desktop</a> by <a href="https://github.com/revoltchat">revoltchat</a>, the desktop app for the Revolt chat platform.</li>
-    </ul>
+    <h1 class="text-center">things i've made.</h1>
+    <h5 class="text-center">Maintained</h5>
+    <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/{{ item.name }}" class="btn btn-primary">Read More</a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+    <h5 class="text-center">Archived</h5>
+    <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/{{ item.name }}" class="btn btn-primary">Read More</a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+    <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>
+