comicsite/404.html
2024-08-02 21:57:52 -05:00

79 lines
1.4 KiB
HTML

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