feat: add chris

12 files changed, 25 insertions, 0 deletions

diff --git a/src/imgs/chris/bkender_bauob.jpg b/src/imgs/chris/bkender_bauob.jpg
new file mode 100644
index 0000000..aa32641
--- /dev/null
+++ b/src/imgs/chris/bkender_bauob.jpg
diff --git a/src/imgs/chris/blurry_chris.jpg b/src/imgs/chris/blurry_chris.jpg
new file mode 100644
index 0000000..331ab3e
--- /dev/null
+++ b/src/imgs/chris/blurry_chris.jpg
diff --git a/src/imgs/chris/chis_very_fried.jpg b/src/imgs/chris/chis_very_fried.jpg
new file mode 100644
index 0000000..e5ee71b
--- /dev/null
+++ b/src/imgs/chris/chis_very_fried.jpg
diff --git a/src/imgs/chris/chris_medium_fried.jpg b/src/imgs/chris/chris_medium_fried.jpg
new file mode 100644
index 0000000..b11f978
--- /dev/null
+++ b/src/imgs/chris/chris_medium_fried.jpg
diff --git a/src/imgs/chris/chris_moshed.jpg b/src/imgs/chris/chris_moshed.jpg
new file mode 100644
index 0000000..6d1c3de
--- /dev/null
+++ b/src/imgs/chris/chris_moshed.jpg
diff --git a/src/imgs/chris/fried_publisher.jpg b/src/imgs/chris/fried_publisher.jpg
new file mode 100644
index 0000000..0ac6e38
--- /dev/null
+++ b/src/imgs/chris/fried_publisher.jpg
diff --git a/src/imgs/chris/help_me.png b/src/imgs/chris/help_me.png
new file mode 100644
index 0000000..3ac2f67
--- /dev/null
+++ b/src/imgs/chris/help_me.png
diff --git a/src/imgs/chris/nice_chris.png b/src/imgs/chris/nice_chris.png
new file mode 100644
index 0000000..af64d6a
--- /dev/null
+++ b/src/imgs/chris/nice_chris.png
diff --git a/src/imgs/chris/nice_publisher.png b/src/imgs/chris/nice_publisher.png
new file mode 100644
index 0000000..759ef51
--- /dev/null
+++ b/src/imgs/chris/nice_publisher.png
diff --git a/src/imgs/gifs/chris.gif b/src/imgs/gifs/chris.gif
new file mode 100644
index 0000000..a2ddbd5
--- /dev/null
+++ b/src/imgs/gifs/chris.gif
diff --git a/src/index.html b/src/index.html
index 17eb4f7..fd32a04 100644
--- a/src/index.html
+++ b/src/index.html
@@ -29,6 +29,7 @@
 		<br />
 		<br />
 		<div class="gifs">
+			<script type="module" src="/js/chrisApp.js"></script>
 			<img src="imgs/gifs/legalize.gif" alt="legalize now!" />
 			<br />
 
@@ -55,6 +56,7 @@
 			<img src="/imgs/gifs/arnold.gif" alt="hey arnold!" />
 			<img src="/imgs/gifs/bob.gif" alt="powered by bob" />
 			<img src="/imgs/gifs/counterstrike.gif" alt="counter-strike player" />
+			<img src="/imgs/gifs/chris.gif" alt="chris troll" id="chris_gif" />
 		</div>
 	</body>
 </html>
diff --git a/src/js/chrisApp.js b/src/js/chrisApp.js
new file mode 100644
index 0000000..bf51176
--- /dev/null
+++ b/src/js/chrisApp.js
@@ -0,0 +1,23 @@
+const chrisURL = "/imgs/chris/";
+
+function randomChris() {
+	const files = [
+		"chis_very_fried.jpg",
+		"chris_medium_fried.jpg",
+		"chris_moshed.jpg",
+		"fried_publisher.jpg",
+		"help_me.png",
+		"nice_chris.png",
+		"nice_publisher.png",
+		"bkender_bauob.jpg",
+		"blurry_chris.jpg",
+	];
+
+	// this chooses a random file from the array
+	const url = chrisURL + files[Math.floor(Math.random() * files.length)];
+
+	window.location.href = url;
+}
+
+var chris = document.getElementById("chris_gif");
+chris.addEventListener("click", randomChris);