Added halloween theme, currently always active

Author: SebbyMortimer

fonts/CC Monster Mash Medium.ttf

@@ -5,4 +5,25 @@ function playAudio(img) {
 	source.src = "../audio/" + img.src.replace(/^.*[\\\/]/, "").replace("jpg", "mp3");
 	audio.load();
 	audio.play();
-}
+}
+
+function checkSeasonal() {
+    const d = new Date();
+    //if (d.getMonth() == 9 && d.getDate() > 24 && d.getDate() < 32) { // check if month is october (getMonth starts at 0) and its the week leading to halloween
+        document.body.style.setProperty("--bg-image", 'url("images/SteampunkAirshipHalloween.gif")');
+        document.body.style.color = "#d70000";
+        document.querySelectorAll('h1, h2').forEach(tag => {
+            tag.style.fontFamily = "MonsterMash";
+            tag.style.textShadow = "-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000";
+        });
+        document.querySelectorAll('p, ul').forEach(tag => {
+            tag.style.color = "#af6034";
+        });
+        document.querySelectorAll('main, .textBackground').forEach(tag => {
+            tag.style.backgroundColor = "#160025";
+        });
+        document.querySelector('footer').style.backgroundColor = "#000000";
+    //}
+}
+
+checkSeasonal();

images/SteampunkAirshipHalloween.gif

@@ -15,6 +15,11 @@
 	src: url('fonts/contb.ttf') format('truetype');
 }
 
+@font-face {
+    font-family: 'MonsterMash';
+    src: url('fonts/CC Monster Mash Medium.ttf') format('truetype');
+}
+
 /* ID's */
 #mainTitle {
 	position: absolute;
@@ -156,6 +161,7 @@ body {
 	margin: 0;
 	display: grid;
 	background-color: #e68d50;
+    --bg-image: url("images/SteampunkAirship.gif"); /* bg image variable for body::after so javascript can change it */
 }
 
 body::after{
@@ -166,7 +172,7 @@ body::after{
 	left: 0;
 	right: 0;
 	z-index: -1;
-	background: url("images/SteampunkAirship.gif") center center;
+    background: var(--bg-image) center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;