quartznet/quartznet-info
Watch
3
0
Fork
You've already forked quartznet-info
 0
Code Issues Pull requests Packages Activity Actions

Update error handling page

Browse source
This commit is contained in:
Chris 2023-08-17 07:10:39 +01:00
commit 5f2c8aa470
2 changed files with 55 additions and 389 deletions
Download patch file Download diff file Expand all files Collapse all files

215
src/routes/404.svelte → src/routes/+error.svelte
View file

@ -1,10 +1,13 @@
<script> <script lang="ts">
import {onMount} from 'svelte' import { onMount } from "svelte";
import Banner from '../components/Banner.svelte' import Banner from "../components/Banner.svelte";
const dev = process.env.NODE_ENV === 'development'; export let status: string;
export let error: Error;
var appa = ` .,-:;//;:=, const dev = process.env.NODE_ENV === "development";
var appa = ` .,-:;//;:=,
. :H@@@MM@M#H/.,+%;, . :H@@@MM@M#H/.,+%;,
,/X+ +M@@M@MM%=,-%HMMM@X/, ,/X+ +M@@M@MM%=,-%HMMM@X/,
-+@MM; $M@@MH+-,;XMMMM@MMMM@+- -+@MM; $M@@MH+-,;XMMMM@MMMM@+-
@ -25,7 +28,7 @@
,:+$+-,/H#MMMMMMM@- -, ,:+$+-,/H#MMMMMMM@- -,
=++%%%%+/:-.`; =++%%%%+/:-.`;
var nuke = ` =+$HM####@H%;, var nuke = ` =+$HM####@H%;,
/H###############M$, /H###############M$,
,@################+ ,@################+
.H##############+ .H##############+
@ -46,7 +49,7 @@ X##############%, ,+##############X
.+M###@, ,@###M+. .+M###@, ,@###M+.
:XH. .HX:`; :XH. .HX:`;
var atom = ` =/;;/- var atom = ` =/;;/-
+: // +: //
/; /; /; /;
-X H. -X H.
@ -67,7 +70,7 @@ M- ,=;;;#:, ,:#;;:=, ,@
// +; // +;
,////,`; ,////,`;
var heart = ` .,---. var heart = ` .,---.
,/XM#MMMX;, ,/XM#MMMX;,
-%##########M%, -%##########M%,
-@######% $###@= -@######% $###@=
@ -88,7 +91,7 @@ X################, -$=X#######@:
.,/X$; .::, .,/X$; .::,
., ..`; ., ..`;
var fire = ` -$- var fire = ` -$-
.H##H, .H##H,
+######+ +######+
.+#########H. .+#########H.
@ -109,7 +112,7 @@ X################, -$=X#######@:
/XHX%:#####MH%= ,---:;;;;/&&XHM,:###$ /XHX%:#####MH%= ,---:;;;;/&&XHM,:###$
$@#MX %+;- .`; $@#MX %+;- .`;
var tick = ` :X- var tick = ` :X-
:X### :X###
;@####@ ;@####@
;M######X ;M######X
@ -130,7 +133,7 @@ $@#MX %+;- .`;
+####: +####:
,$M-`; ,$M-`;
var bang = ` .+ var bang = ` .+
/M; /M;
H#@: ;, H#@: ;,
-###H- -@/ -###H- -@/
@ -151,7 +154,7 @@ $@#MX %+;- .`;
.#H, :XH, .#H, :XH,
+ .;-`; + .;-`;
var mesa = ` .-;+$XHHHHHHX$+;-. var mesa = ` .-;+$XHHHHHHX$+;-.
,;X@@X%/;=----=:/%X@@X/, ,;X@@X%/;=----=:/%X@@X/,
=$@@%=. .=+H@X: =$@@%=. .=+H@X:
-XMX: =XMX= -XMX: =XMX=
@ -172,7 +175,7 @@ H@: :HHHHHHHHHHHHHHHHHHX, =@H
,;$@@@@@@@@@@@@@@@@@@X/- ,;$@@@@@@@@@@@@@@@@@@X/-
.-;+$XXHHHHHX$+;-.`; .-;+$XXHHHHHX$+;-.`;
var cube = ` #+ @ # # M#@ var cube = ` #+ @ # # M#@
. .X X.%##@;# # +@#######X. @H% . .X X.%##@;# # +@#######X. @H%
,==. ,######M+ -#####%M####M- # ,==. ,######M+ -#####%M####M- #
:H##M%:=##+ .M##M,;#####/+#######% ,M# :H##M%:=##+ .M##M,;#####/+#######% ,M#
@ -193,7 +196,7 @@ H@: :HHHHHHHHHHHHHHHHHHX, =@H
H#M /@####/ ,++. / ==-, H#M /@####/ ,++. / ==-,
,=/:, .+X@MMH@#H #####$=`; ,=/:, .+X@MMH@#H #####$=`;
var cake = ` ,:/+/- var cake = ` ,:/+/-
/M/ .,-=;//;- /M/ .,-=;//;-
.:/= ;MH/, ,=/+%$XH@MM#@: .:/= ;MH/, ,=/+%$XH@MM#@:
-$##@+$###@H@MMM#######H:. -/H# -$##@+$###@H@MMM#######H:. -/H#
@ -214,137 +217,103 @@ H@: :HHHHHHHHHHHHHHHHHHX, =@H
,:/%XM####H/. ,:/%XM####H/.
,.:=-.`; ,.:=-.`;
// appa, atom, nuke // appa, atom, nuke
var options = [cake, heart, fire, tick, bang, mesa, cube]; var options = [cake, heart, fire, tick, bang, mesa, cube];
let active = cake let active = cake;
function updateView() { function updateView() {
active = options[Math.floor((Math.random() * options.length))]; active = options[Math.floor(Math.random() * options.length)];
setTimeout(updateView, 5000); setTimeout(updateView, 5000);
} }
onMount(() => updateView()); onMount(() => updateView());
</script> </script>
<style>
* {
color: white !important;
font-family: monospace;
white-space: pre;
}
.ascii {
text-align: center;
width: 100%;
}
.info {
margin-bottom: 30px;
position: relative;
white-space: pre;
text-align: left;
}
pre {
margin: 0 auto;
font-family: monospace;
white-space: pre;
}
</style>
<svelte:head> <svelte:head>
<title>404 - Page not found</title> <title>Quartnzet -</title>
</svelte:head> </svelte:head>
<Banner title="404"/> <Banner title={status} />
<main class="container"> <main class="container">
<p>The requested page could not be found.</p> <!-- <p>{error.message}</p> -->
<audio controls autoplay> <!-- {#if dev && error.stack} -->
<track kind="captions"/> <!-- <pre>{error.stack}</pre> -->
<source src="http://quartznet.info/../../alive.ogg" type="audio/wav"> <!-- {:else} -->
</audio> <audio controls autoplay>
<div class="ascii"> <track kind="captions" />
<div> <source src="http://quartznet.info/alive.ogg" type="audio/wav" />
<pre><br>{active}</pre> </audio>
</div> <div class="ascii">
<div>
<pre><br />{active}</pre>
</div> </div>
<br/> </div>
<p class="info"> <br />
This was a triumph! <p class="info">This was a triumph! I'm making a note here: Huge success!
I'm making a note here: It's hard to overstate my satisfaction.
Huge success!
It's hard to overstate Aperture Science: We do what we must because we can.
my satisfaction. For the good of all of us. Except the ones who are dead.
Aperture Science: But there's no sense crying over every mistake. You just keep on trying 'til you run out of cake.
We do what we must And the science gets done. And you make a neat gun for the people who are still alive.
because we can
For the good of all of us.
Except the ones who are dead.
But there's no sense crying I'm not even angry... I'm being so sincere right now. Even though you broke my heart, and killed me.
over every mistake. And tore me to pieces. And threw every piece into a fire.
You just keep on trying
'til you run out of cake.
And the science gets done.
And you make a neat gun
for the people who are
still alive.
I'm not even angry... As they burned it hurt because I was so happy for you!
I'm being so sincere right now. Now, these points of data make a beautiful line. And we're out of beta. We're releasing on time!
Even though you broke my heart,
and killed me.
And tore me to pieces. So I'm GLaD I got burned! Think of all the things we learned! for the people who are still alive.
And threw every piece into a fire.
As they burned it hurt because
I was so happy for you!
Now, these points of data Go ahead and leave me... I think I'd prefer to stay inside... Maybe you'll find someone else to help
make a beautiful line. you.
And we're out of beta.
We're releasing on time!
So I'm GLaD I got burned!
Think of all the things we learned!
for the people who are
still alive.
Go ahead and leave me...
I think I'd prefer to stay inside...
Maybe you'll find someone else
to help you.
Maybe Black Mesa? Maybe Black Mesa?
That was a joke. Ha Ha. Fat Chance! That was a joke. Ha Ha. Fat Chance! Anyway this cake is great! It's so delicious and moist!
Anyway this cake is great! Look at me: still talking when there's science to do! When I look out there, it makes me glad I'm not you.
It's so delicious and moist! I've experiments to run. There is research to be done. On the people who are still alive.
Look at me: still talking And believe me I am still alive.
when there's science to do!
When I look out there,
it makes me glad I'm not you.
I've experiments to run. I'm doing science and I'm still alive.
There is research to be done.
On the people who are I feel fantastic and I'm still alive.
still alive.
And believe me I am While you're dying I'll be still alive.
still alive.
I'm doing science and I'm And when you're dead I will be still alive.
still alive.
I feel fantastic and I'm
still alive.
While you're dying I'll be
still alive.
And when you're dead I will be
still alive
Still alive. Still alive.
Still alive.</p>
Still alive. <!-- {/if} -->
</p>
</main> </main>
<style>
* {
color: white !important;
font-family: monospace;
white-space: pre;
}
.ascii {
text-align: left;
width: 100%;
}
.info {
margin-bottom: 30px;
position: relative;
white-space: pre;
text-align: left;
}
pre {
margin: 0 auto;
font-family: monospace;
white-space: pre;
}
</style>