Expanded portfolio, added .gitignore, tweaked some light mode changes

.gitignore

@@ -0,0 +1 @@
+*.code-workspace

html/css/style.css

@@ -60,6 +60,9 @@ p{
     padding: 5px;
     font-size: 18px;
 }
+.pixel{
+    image-rendering:pixelated;
+}
 .box{
     background-color: var(--dark-grey);
     border-radius: 15px;

html/js/colors.js

@@ -13,20 +13,24 @@ if (localStorage.colorMode){
 
 window.addEventListener("load", function(){
     var toggle = document.getElementById("brightness-icon");
+    var fury = document.getElementById("fury");
     if (this.localStorage.colorMode == '1'){
         toggle.src = "/images/lightMode.png";
+        if (fury != null) fury.src = "/images/lightfury.gif";
         root.style.setProperty("--transition-speed", "0.4s");
     }
 });
 
 function toggleBrightness(){
     var toggle = document.getElementById("brightness-icon");
+    var fury = document.getElementById("fury");
     if (getComputedStyle(root).getPropertyValue('--black') == "#141414"){
         root.style.setProperty("--black", "#efefef");
         root.style.setProperty("--dark-grey", "#cbcbcb");
         root.style.setProperty("--light-grey", "#a9a9a9");
         root.style.setProperty("--white", "#141414");
         toggle.src = "/images/lightMode.png"
+        if (fury != null) fury.src = "/images/lightfury.gif";
         localStorage.colorMode = '1';
     }else{
         root.style.setProperty("--black", "#141414");
@@ -34,6 +38,7 @@ function toggleBrightness(){
         root.style.setProperty("--light-grey", "#333333");
         root.style.setProperty("--white", "#e6e6e6");
         toggle.src = "/images/darkMode.png"
+        if (fury != null) fury.src = "/images/toothless-dragon-toothless.gif";
         localStorage.colorMode = '0';
     }
 }

html/pages/minecraft.html

@@ -23,6 +23,7 @@
             <h1>Minecraft</h1>
             <hr>
             <p>Coming Soon <span class="small">TM</span></p>
+            <img id="fury" src="/images/toothless-dragon-toothless.gif" alt="Really cool dancing Toothless gif" class="about-image-h">
         </div>
         <br>
         <div class="box hflex thin">

html/pages/monitor.html

@@ -23,6 +23,7 @@
             <h1>Server Monitor</h1>
             <hr>
             <p>Coming Soon <span class="small">TM</span></p>
+            <img id="fury" src="/images/toothless-dragon-toothless.gif" alt="Really cool dancing Toothless gif" class="about-image-h">
         </div>
         <br>
         <div class="box hflex thin">

html/pages/portfolio.html

@@ -26,6 +26,41 @@
                 Welcome to my portfolio! Here I will have links to my public projects and their source code (if available). 
             </p>
             <br>
+            <div>
+                <h3 class="left">This Website!</h3>
+                <h5 class="left">Category: Personal Project</h5>
+                <hr class="left">
+                <img src="/images/nolanLogo.png" alt="Nolan Casey logo" class="lfloat about-image-v">
+                <p class="left">
+                    There is a lot more information about this site on the <a href="/pages/about.html">about page</a>, but
+                    I will give a shorter version here. This website serves as both a hub for my self-hosted services and 
+                    a portfolio for recruiters to see what I can do. It is hosted on my own hardware on which I am the sole 
+                    administrator. The source code for the website itself is also available over on my Gitea site!
+                </p>
+                <h5 class="left">Links</h5>
+                <p class="left">
+                    <a href="https://www.nolancasey.click" rel="noopener noreferrer">Main Site</a> | 
+                    <a href="https://gitea.nolancasey.click/nolan/nolan-casey-website" target="_blank" rel="noopener noreferrer">Source Code</a>
+                </p>
+            </div>
+            <br>
+            <div>
+                <h3 class="right">Sweep Miner</h3>
+                <h5 class="right">Category: Personal Project</h5>
+                <hr class="right">
+                <img src="/images/mine.png" alt="Mine" class="rfloat about-image-v pixel">
+                <p class="right">
+                    I had some downtime and wanted to work on a project. One of my favorite games is Minesweeper, so I decided
+                    to make a clone of it. It is currently under development, though the actual game logic is completely done. 
+                    All that is left is to hook up the main menu, add sounds, and redo the input method so that I can port it 
+                    to mobile devices. 
+                </p>
+                <h5 class="right">Links</h5>
+                <p class="right">
+                    <a href="https://gitea.nolancasey.click/nolan/Minesweeper" target="_blank" rel="noopener noreferrer">Source Code</a>
+                </p>
+            </div>
+            <br>
             <div>
                 <h3 class="left">Water Shader</h3>
                 <h5 class="left">Category: Classwork</h5>
@@ -113,7 +148,16 @@
                 <hr class="left">
                 <img src="/images/Ymi3pl.png" alt="Raise Your Wand gameplay" class="left about-image-h">
                 <p class="left">
-                    Raise Your Wand is the first game I ever submitted to a game jam. 
+                    Raise Your Wand is the first game I ever submitted to a game jam. The gameplay is focused around dualing another wizard. Throughout playing, 
+                    you can unlock several spells with different elements and attributes. Some spells are defensive, some offensive. Some have long cast times, 
+                    some short. Spells vary based on cooldown speed as well. A unique twist to this game is that you can weaken or destroy your opponent's offensive 
+                    spells with your own. If your opponent is casting fire bolt, cast rock throw to cancel it out. If it is timed so that they collide in midair, 
+                    the earth attack has an advantage over the fire attack. <br><br>
+                    Each spell has its own unique animation, so with enough experience, you can always know what your opponent is going to cast. Find the right 
+                    combination of spells against your opponent's and cast them wisely, and they will not be able to damage you. <br><br>
+                    Raise Your Wand was made over a month while I was working full time. There are still a few bugs in the game, but I think it turned out fairly 
+                    well. If I were to revisit the project, I would try to finish implementing the legendary class of spells that exist in code, but none were 
+                    finished enough to have usable. 
                 </p>
                 <h5 class="left">Links</h5>
                 <p class="left">