Auto update the copyright year

JS/main.js

@@ -0,0 +1,17 @@
+if (window.addEventListener) // W3C standard
+{
+  window.addEventListener('load', setFooterDate, false);
+} 
+else if (window.attachEvent) // Microsoft
+{
+  window.attachEvent('onload', setFooterDate);
+}
+
+function setFooterDate() {
+    var footerDate = document.getElementById("footerDate");
+    let date = new Date().getFullYear();
+
+    footerDate.textContent = date;
+    
+    return;
+}

JS/theme.js

@@ -1,5 +1,14 @@
-window.onload = function() {
-    showTheme()
+if (window.addEventListener) // W3C standard
+{
+  window.addEventListener('load', themeButtons, false);
+} 
+else if (window.attachEvent) // Microsoft
+{
+  window.attachEvent('onload', themeButtons);
+}
+
+function themeButtons() {
+    showTheme();
 
     var lightButton = document.getElementById("lightTheme");
     var roseButton = document.getElementById("roseTheme");
@@ -32,7 +41,6 @@ window.onload = function() {
         return false;
     }
 }
-
 function swapStyleSheet(sheet) {
     document.getElementById("pagestyle").setAttribute("href", sheet);
 }

_includes/footer.html

@@ -1,2 +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>
+<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>

_includes/nav.html

@@ -4,6 +4,7 @@
             <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">

_layouts/default.html

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

products/icons.html

@@ -0,0 +1,26 @@
+---
+title: Icons
+layout: default
+---
+
+<style>
+  h1, h2, h3, p {
+    font-weight: normal;
+    text-align: center;
+  }
+</style>
+
+<div class="banner">
+  <img class="banner-image" src="https://cdn.ncxprogramming.com/file/image/banner/iconstore0.svg" alt="an awesome banner. too bad it isn't loading for you :(">
+  <h1>Need a custom icon for your app? We've got you covered.</h1>
+  <h2>Custom icons made just for your macOS or iOS app.</h2>
+  <p>Standardized pricing available soon. Contact me (info below) to get an estimate.</p>
+  <p>Most icons made are stylized for macOS/iOS. Ask about other design styles designed for other platforms.</p>
+  <img class="banner-image" src="https://cdn.ncxprogramming.com/file/image/banner/iconstore1.svg" alt="an awesome banner. too bad it isn't loading for you :(">
+  <h1>Payment</h1>
+  <p>I operate on a "don't pay if you don't want it" system. I'll keep working until I've made an icon you'd actually like to use for your program.<p>
+  <p>While payment details aren't available right now, you're still able to purchase an icon from me by using the contact info below.</p>
+</div>
+<hr>
+<p>I'm planning on having examples here and some other neat stuff but I'm good at icon design not web design.</p>
+<p>So for now if you're interested, contact me on Discord, @NinjaCheetah#2861, or send an email to <a href="mailto:ninjacheetah@ncxprogramming.com">ninjacheetah@ncxprogramming.com</a>.