---
permalink: /404.html
layout: null
---
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>!!CRASH!!</title>
		<link rel="stylesheet" href="/assets/css/styles.css">
	<style>
		body, html {
			background-color: #0000cc;
			color: white;
			font-size: 1.5em;
		}
		
		a {
			color: white;
			text-decoration: none;
		}

		a:hover {
			color: black;
		}

		.center {
			position: fixed;
			flex-direction: column;
			width: 100%;
			height: 100%;
		}
	</style>
	</head>
	<body>
		<script data-goatcounter="https://slimepondcount.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>

		<img src="/assets/images/crt1.png" class="overlay">
		<div class="center">
			<p>Your PC has encountered an unexpected error<br>
			You are the <span id="crashcount">err</span> user to crash the computer<br>
			idiot
			</p>
			<a href="/">reboot</a>
		</div>
	
	<script>

		function ordinal_suff(i) {
			let j = i % 10,
				k = i % 100;

			if (j === 1 && k !== 11) {
				out = i + "st";
			}
			else if (j === 2 && k !== 12) {
				out = i + "nd";
			}
			else if (j === 3 && k !== 13) {
				out = i + "rd";
			}
			else {
				out = i + "th";
			}

			return out;
		}

		var r = new XMLHttpRequest();
		r.addEventListener('load', function() {
			document.querySelector('#crashcount').innerText = 
				ordinal_suff(JSON.parse(this.responseText).count)
		})
		r.open('GET', 'https://slimepondcount.goatcounter.com/counter//404.json')
		r.send()
	</script>
	</body>
</html>