Update error handling page
This commit is contained in:
parent
ec0fff381f
commit
3695f9ff76
2 changed files with 55 additions and 389 deletions
|
|
@ -1,10 +1,13 @@
|
|||
<script>
|
||||
import {onMount} from 'svelte'
|
||||
import Banner from '../components/Banner.svelte'
|
||||
<script lang="ts">
|
||||
import { onMount } from "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/.,+%;,
|
||||
,/X+ +M@@M@MM%=,-%HMMM@X/,
|
||||
-+@MM; $M@@MH+-,;XMMMM@MMMM@+-
|
||||
|
|
@ -25,7 +28,7 @@
|
|||
,:+$+-,/H#MMMMMMM@- -,
|
||||
=++%%%%+/:-.`;
|
||||
|
||||
var nuke = ` =+$HM####@H%;,
|
||||
var nuke = ` =+$HM####@H%;,
|
||||
/H###############M$,
|
||||
,@################+
|
||||
.H##############+
|
||||
|
|
@ -46,7 +49,7 @@ X##############%, ,+##############X
|
|||
.+M###@, ,@###M+.
|
||||
:XH. .HX:`;
|
||||
|
||||
var atom = ` =/;;/-
|
||||
var atom = ` =/;;/-
|
||||
+: //
|
||||
/; /;
|
||||
-X H.
|
||||
|
|
@ -67,7 +70,7 @@ M- ,=;;;#:, ,:#;;:=, ,@
|
|||
// +;
|
||||
,////,`;
|
||||
|
||||
var heart = ` .,---.
|
||||
var heart = ` .,---.
|
||||
,/XM#MMMX;,
|
||||
-%##########M%,
|
||||
-@######% $###@=
|
||||
|
|
@ -88,7 +91,7 @@ X################, -$=X#######@:
|
|||
.,/X$; .::,
|
||||
., ..`;
|
||||
|
||||
var fire = ` -$-
|
||||
var fire = ` -$-
|
||||
.H##H,
|
||||
+######+
|
||||
.+#########H.
|
||||
|
|
@ -109,7 +112,7 @@ X################, -$=X#######@:
|
|||
/XHX%:#####MH%= ,---:;;;;/&&XHM,:###$
|
||||
$@#MX %+;- .`;
|
||||
|
||||
var tick = ` :X-
|
||||
var tick = ` :X-
|
||||
:X###
|
||||
;@####@
|
||||
;M######X
|
||||
|
|
@ -130,7 +133,7 @@ $@#MX %+;- .`;
|
|||
+####:
|
||||
,$M-`;
|
||||
|
||||
var bang = ` .+
|
||||
var bang = ` .+
|
||||
/M;
|
||||
H#@: ;,
|
||||
-###H- -@/
|
||||
|
|
@ -151,7 +154,7 @@ $@#MX %+;- .`;
|
|||
.#H, :XH,
|
||||
+ .;-`;
|
||||
|
||||
var mesa = ` .-;+$XHHHHHHX$+;-.
|
||||
var mesa = ` .-;+$XHHHHHHX$+;-.
|
||||
,;X@@X%/;=----=:/%X@@X/,
|
||||
=$@@%=. .=+H@X:
|
||||
-XMX: =XMX=
|
||||
|
|
@ -172,7 +175,7 @@ H@: :HHHHHHHHHHHHHHHHHHX, =@H
|
|||
,;$@@@@@@@@@@@@@@@@@@X/-
|
||||
.-;+$XXHHHHHX$+;-.`;
|
||||
|
||||
var cube = ` #+ @ # # M#@
|
||||
var cube = ` #+ @ # # M#@
|
||||
. .X X.%##@;# # +@#######X. @H%
|
||||
,==. ,######M+ -#####%M####M- #
|
||||
:H##M%:=##+ .M##M,;#####/+#######% ,M#
|
||||
|
|
@ -193,7 +196,7 @@ H@: :HHHHHHHHHHHHHHHHHHX, =@H
|
|||
H#M /@####/ ,++. / ==-,
|
||||
,=/:, .+X@MMH@#H #####$=`;
|
||||
|
||||
var cake = ` ,:/+/-
|
||||
var cake = ` ,:/+/-
|
||||
/M/ .,-=;//;-
|
||||
.:/= ;MH/, ,=/+%$XH@MM#@:
|
||||
-$##@+$###@H@MMM#######H:. -/H#
|
||||
|
|
@ -214,137 +217,103 @@ H@: :HHHHHHHHHHHHHHHHHHX, =@H
|
|||
,:/%XM####H/.
|
||||
,.:=-.`;
|
||||
|
||||
// appa, atom, nuke
|
||||
var options = [cake, heart, fire, tick, bang, mesa, cube];
|
||||
let active = cake
|
||||
// appa, atom, nuke
|
||||
var options = [cake, heart, fire, tick, bang, mesa, cube];
|
||||
let active = cake;
|
||||
|
||||
function updateView() {
|
||||
active = options[Math.floor((Math.random() * options.length))];
|
||||
setTimeout(updateView, 5000);
|
||||
}
|
||||
function updateView() {
|
||||
active = options[Math.floor(Math.random() * options.length)];
|
||||
setTimeout(updateView, 5000);
|
||||
}
|
||||
|
||||
onMount(() => updateView());
|
||||
onMount(() => updateView());
|
||||
</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>
|
||||
<title>404 - Page not found</title>
|
||||
<title>Quartnzet -</title>
|
||||
</svelte:head>
|
||||
|
||||
<Banner title="404"/>
|
||||
<Banner title={status} />
|
||||
|
||||
<main class="container">
|
||||
<p>The requested page could not be found.</p>
|
||||
<!-- <p>{error.message}</p> -->
|
||||
|
||||
<audio controls autoplay>
|
||||
<track kind="captions"/>
|
||||
<source src="http://quartznet.info/../../alive.ogg" type="audio/wav">
|
||||
</audio>
|
||||
<div class="ascii">
|
||||
<div>
|
||||
<pre><br>{active}</pre>
|
||||
</div>
|
||||
<!-- {#if dev && error.stack} -->
|
||||
<!-- <pre>{error.stack}</pre> -->
|
||||
<!-- {:else} -->
|
||||
<audio controls autoplay>
|
||||
<track kind="captions" />
|
||||
<source src="http://quartznet.info/alive.ogg" type="audio/wav" />
|
||||
</audio>
|
||||
<div class="ascii">
|
||||
<div>
|
||||
<pre><br />{active}</pre>
|
||||
</div>
|
||||
<br/>
|
||||
<p class="info">
|
||||
This was a triumph!
|
||||
I'm making a note here:
|
||||
Huge success!
|
||||
</div>
|
||||
<br />
|
||||
<p class="info">This was a triumph! I'm making a note here: Huge success!
|
||||
It's hard to overstate my satisfaction.
|
||||
|
||||
It's hard to overstate
|
||||
my satisfaction.
|
||||
Aperture Science: We do what we must because we can.
|
||||
For the good of all of us. Except the ones who are dead.
|
||||
|
||||
Aperture Science:
|
||||
We do what we must
|
||||
because we can
|
||||
For the good of all of us.
|
||||
Except the ones who are dead.
|
||||
But there's no sense crying over every mistake. 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.
|
||||
|
||||
But there's no sense crying
|
||||
over every mistake.
|
||||
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... I'm being so sincere right now. Even though you broke my heart, and killed me.
|
||||
And tore me to pieces. And threw every piece into a fire.
|
||||
|
||||
I'm not even angry...
|
||||
I'm being so sincere right now.
|
||||
Even though you broke my heart,
|
||||
and killed me.
|
||||
As they burned it hurt because I was so happy for you!
|
||||
Now, these points of data make a beautiful line. And we're out of beta. We're releasing on time!
|
||||
|
||||
And tore me to pieces.
|
||||
And threw every piece into a fire.
|
||||
As they burned it hurt because
|
||||
I was so happy for you!
|
||||
So I'm GLaD I got burned! Think of all the things we learned! for the people who are still alive.
|
||||
|
||||
Now, these points of data
|
||||
make a beautiful line.
|
||||
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.
|
||||
|
||||
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?
|
||||
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!
|
||||
It's so delicious and moist!
|
||||
Look at me: still talking when there's science to do! When I look out there, it makes me glad I'm not you.
|
||||
I've experiments to run. There is research to be done. On the people who are still alive.
|
||||
|
||||
Look at me: still talking
|
||||
when there's science to do!
|
||||
When I look out there,
|
||||
it makes me glad I'm not you.
|
||||
And believe me I am still alive.
|
||||
|
||||
I've experiments to run.
|
||||
There is research to be done.
|
||||
On the people who are
|
||||
still alive.
|
||||
And believe me I am
|
||||
still alive.
|
||||
I'm doing science and I'm
|
||||
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
|
||||
I'm doing science and I'm 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.
|
||||
</p>
|
||||
Still alive.</p>
|
||||
<!-- {/if} -->
|
||||
</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>
|
||||
Loading…
Reference in a new issue