diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1bb4614 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +*.code-workspace \ No newline at end of file diff --git a/html/css/style.css b/html/css/style.css index ed8b4cc..036e5d7 100644 --- a/html/css/style.css +++ b/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; diff --git a/html/images/lightfury.gif b/html/images/lightfury.gif new file mode 100644 index 0000000..22ac22a Binary files /dev/null and b/html/images/lightfury.gif differ diff --git a/html/images/mine.png b/html/images/mine.png new file mode 100644 index 0000000..dbc6bc2 Binary files /dev/null and b/html/images/mine.png differ diff --git a/html/images/toothless-dragon-toothless.gif b/html/images/toothless-dragon-toothless.gif new file mode 100644 index 0000000..8dfb002 Binary files /dev/null and b/html/images/toothless-dragon-toothless.gif differ diff --git a/html/js/colors.js b/html/js/colors.js index 78b7e0b..91dc58f 100644 --- a/html/js/colors.js +++ b/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'; } } \ No newline at end of file diff --git a/html/pages/minecraft.html b/html/pages/minecraft.html index f709912..13c74e9 100644 --- a/html/pages/minecraft.html +++ b/html/pages/minecraft.html @@ -23,6 +23,7 @@

Minecraft

Coming Soon TM

+ Really cool dancing Toothless gif
diff --git a/html/pages/monitor.html b/html/pages/monitor.html index 68ba6a5..711af35 100644 --- a/html/pages/monitor.html +++ b/html/pages/monitor.html @@ -23,6 +23,7 @@

Server Monitor

Coming Soon TM

+ Really cool dancing Toothless gif

diff --git a/html/pages/portfolio.html b/html/pages/portfolio.html index cacaa21..f6b8c70 100644 --- a/html/pages/portfolio.html +++ b/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).


+
+

This Website!

+
Category: Personal Project
+
+ Nolan Casey logo +

+ There is a lot more information about this site on the about page, 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! +

+
Links
+

+ Main Site | + Source Code +

+
+
+
+

Sweep Miner

+
Category: Personal Project
+
+ Mine +

+ 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. +

+
Links
+

+ Source Code +

+
+

Water Shader

Category: Classwork
@@ -113,7 +148,16 @@
Raise Your Wand gameplay

- 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.

+ 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.

+ 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.

Links