Squashed commit of the following:
commit 787b84159c894cb38ea9eb1423069884f8b56bc4
Author: ChrisDill <chris.rj.dill@gmail.com>
Date: Sat Jul 24 16:57:16 2021 +0100
Test footer fix for smaller resolutions
commit bc8cba413d12250d76118ce31668a6dd4e8eebbd
Author: ChrisDill <chris.rj.dill@gmail.com>
Date: Wed Jul 21 18:53:05 2021 +0100
Add jsconfig.json and update error/layout prefix
commit 03d1cfced8b095ff79173a25ac2612aaa7f895aa
Author: ChrisDill <chris.rj.dill@gmail.com>
Date: Wed Jul 21 18:06:45 2021 +0100
Test sveltekit fixes to get static adapter to work
commit 6f4c28b0ead9d758fbb649d13188da38a6dfb00f
Author: ChrisDill <chris.rj.dill@gmail.com>
Date: Wed Dec 16 10:25:42 2020 +0000
Initial sveltekit test
- New branch for testing out sveltekit. It is not yet 1.0 so this is for experimental purposes.
This commit is contained in:
parent
ed198c2365
commit
d06e2b88eb
2 changed files with 388 additions and 3054 deletions
366
src/routes/__error.svelte
Normal file
366
src/routes/__error.svelte
Normal file
|
|
@ -0,0 +1,366 @@
|
|||
<script>
|
||||
import {onMount} from 'svelte'
|
||||
import Banner from '../components/banner.svelte'
|
||||
|
||||
export let status;
|
||||
export let error;
|
||||
|
||||
const dev = process.env.NODE_ENV === 'development';
|
||||
|
||||
var appa = ` .,-:;//;:=,
|
||||
. :H@@@MM@M#H/.,+%;,
|
||||
,/X+ +M@@M@MM%=,-%HMMM@X/,
|
||||
-+@MM; $M@@MH+-,;XMMMM@MMMM@+-
|
||||
;@M@@M- XM@X;. -+XXXXXHHH@M@M#@/.
|
||||
,%MM@@MH ,@%= .---=-=:=,.
|
||||
-@#@@@MX ., -%HX$$%%%+;
|
||||
=-./@M@M$ .;@MMMM@MM:
|
||||
X@/ -$MM/ .+MM@@@M$
|
||||
,@M@H: :@: . -X#@@@@-
|
||||
,@@@MMX, . /H- ;@M@M=
|
||||
.H@@@@M@+, %MM+..%#$.
|
||||
/MMMM@MMH/. XM@MH; -;
|
||||
/%+%$XHH@$= , .H@@@@MX,
|
||||
.=--------. -%H.,@@@@@MX,
|
||||
.%MM@@@HHHXX$$$%+- .:$MMX -M@@MM%.
|
||||
=XMMM@MM@MM#H;,-+HMM@M+ /MMMX=
|
||||
=%@M@M#@$-.=$@MM@@@M; %M%=
|
||||
,:+$+-,/H#MMMMMMM@- -,
|
||||
=++%%%%+/:-.`;
|
||||
|
||||
var nuke = ` =+$HM####@H%;,
|
||||
/H###############M$,
|
||||
,@################+
|
||||
.H##############+
|
||||
X############/
|
||||
$##########/
|
||||
%########/
|
||||
/X/;;+X/
|
||||
|
||||
-XHHX-
|
||||
,######,
|
||||
#############X .M####M. X#############
|
||||
##############- -//- -##############
|
||||
X##############%, ,+##############X
|
||||
-##############X X##############-
|
||||
%############% %############%
|
||||
%##########; ;##########%
|
||||
;#######M= =M#######;
|
||||
.+M###@, ,@###M+.
|
||||
:XH. .HX:`;
|
||||
|
||||
var atom = ` =/;;/-
|
||||
+: //
|
||||
/; /;
|
||||
-X H.
|
||||
.//;;;:;;-, X= :+ .-;:=;:;%;.
|
||||
M- ,=;;;#:, ,:#;;:=, ,@
|
||||
:% :%.=/++++/=.$= %=
|
||||
,%; %/:+/;,,/++:+/ ;+.
|
||||
,+/. ,;@+, ,%H;, ,/+,
|
||||
;+;;/= @. .H##X -X :///+;
|
||||
;+=;;;.@, .XM@$. =X.//;=%/.
|
||||
,;: :@%= =$H: .+%-
|
||||
,%= %;-///==///-// =%,
|
||||
;+ :%-;;;;;;;;-X- +:
|
||||
@- .-;;;;M- =M/;;;-. -X
|
||||
:;;::;;-. %- :+ ,-;;-;:==
|
||||
,X H.
|
||||
;/ %=
|
||||
// +;
|
||||
,////,`;
|
||||
|
||||
var heart = ` .,---.
|
||||
,/XM#MMMX;,
|
||||
-%##########M%,
|
||||
-@######% $###@=
|
||||
.,--, -H#######$ $###M:
|
||||
,;$M###MMX; .;##########$;HM###X=
|
||||
,/@###########H= ;################+
|
||||
-+#############M/, %##############+
|
||||
%M###############= /##############:
|
||||
H################ .M#############;.
|
||||
@###############M ,@###########M:.
|
||||
X################, -$=X#######@:
|
||||
/@##################%- +######$-
|
||||
.;##################X .X#####+,
|
||||
.;H################/ -X####+.
|
||||
,;X##############, .MM/
|
||||
,:+$H@M#######M#$- .$$=
|
||||
.,-=;+$@###X: ;/=.
|
||||
.,/X$; .::,
|
||||
., ..`;
|
||||
|
||||
var fire = ` -$-
|
||||
.H##H,
|
||||
+######+
|
||||
.+#########H.
|
||||
-$############@.
|
||||
=H###############@ -X:
|
||||
.$##################: @#@-
|
||||
,; .M###################; H###;
|
||||
;@#: @###################@ ,#####:
|
||||
-M###. M#################@. ;######H
|
||||
M####- +###############$ =@#######X
|
||||
H####$ -M###########+ :#########M,
|
||||
/####X- =########% :M########@/.
|
||||
,;%H@X; .$###X :##MM@%+;:-
|
||||
..
|
||||
-/;:-,. ,,-==+M########H
|
||||
-##################@HX%%+%%$%%%+:,,
|
||||
.-/H%%%+%%$H@###############M@+=:/+:
|
||||
/XHX%:#####MH%= ,---:;;;;/&&XHM,:###$
|
||||
$@#MX %+;- .`;
|
||||
|
||||
var tick = ` :X-
|
||||
:X###
|
||||
;@####@
|
||||
;M######X
|
||||
-@########$
|
||||
.$##########@
|
||||
=M############-
|
||||
+##############$
|
||||
.H############$=.
|
||||
,/: ,M##########M;.
|
||||
-+@###; =##########M;
|
||||
=%M#######; :#########M/
|
||||
-$M###########; :########/
|
||||
,;X###########; =#######$.
|
||||
;H#########+######M=
|
||||
,+#############+
|
||||
/M########@-
|
||||
;M#####%
|
||||
+####:
|
||||
,$M-`;
|
||||
|
||||
var bang = ` .+
|
||||
/M;
|
||||
H#@: ;,
|
||||
-###H- -@/
|
||||
%####$. -; .%#X
|
||||
M#####+;#H :M#M.
|
||||
.. .+/;%#############-
|
||||
-/%H%+;-, +##############/
|
||||
.:$M###MH$%+############X ,--=;-
|
||||
-/H#####################H+=.
|
||||
.+#################X.
|
||||
=%M####################H;.
|
||||
/@###############+;;/%%;,
|
||||
-%###################$
|
||||
;H######################M=
|
||||
,%#####MH$%;+#####M###-/@####%
|
||||
:$H%+;=- -####X.,H# -+M##@-
|
||||
. ,###; ; =$##+
|
||||
.#H, :XH,
|
||||
+ .;-`;
|
||||
|
||||
var mesa = ` .-;+$XHHHHHHX$+;-.
|
||||
,;X@@X%/;=----=:/%X@@X/,
|
||||
=$@@%=. .=+H@X:
|
||||
-XMX: =XMX=
|
||||
/@@: =H@+
|
||||
%@X, .$@$
|
||||
+@X. $@%
|
||||
-@@, .@@=
|
||||
%@% +@$
|
||||
H@: :@H
|
||||
H@: :HHHHHHHHHHHHHHHHHHX, =@H
|
||||
%@% ;@M@@@@@@@@@@@@@@@@@H- +@$
|
||||
=@@, :@@@@@@@@@@@@@@@@@@@@@= .@@:
|
||||
+@X :@@@@@@@@@@@@@@@M@@@@@@:%@%
|
||||
$@$, ;@@@@@@@@@@@@@@@@@M@@@@@@$.
|
||||
+@@HHHHHHH@@@@@@@@@@@@@@@@@@@@@@@+
|
||||
=X@@@@@@@@@@@@@@@@@@@@@@@@@@@@X=
|
||||
:$@@@@@@@@@@@@@@@@@@@M@@@@$:
|
||||
,;$@@@@@@@@@@@@@@@@@@X/-
|
||||
.-;+$XXHHHHHX$+;-.`;
|
||||
|
||||
var cube = ` #+ @ # # M#@
|
||||
. .X X.%##@;# # +@#######X. @H%
|
||||
,==. ,######M+ -#####%M####M- #
|
||||
:H##M%:=##+ .M##M,;#####/+#######% ,M#
|
||||
.M########= =@#@.=#####M=M#######= X#
|
||||
:@@MMM##M. -##M.,#######M#######. = M
|
||||
@##..###:. .H####. @@ X,
|
||||
############: ###,/####; /##= @#. M
|
||||
,M## ;##,@#M;/M#M @# X#% X#
|
||||
.%= ######M## ##.M#: ./#M ,M #M ,#$
|
||||
##/ $## #+;#: #### ;#/ M M- @# :
|
||||
#+ #M@MM###M-;M #:$#-##$H# .#X @ + $#. #
|
||||
######/.: #%=# M#:MM./#.-# @#: H#
|
||||
+,.= @###: /@ %#,@ ##@X #,-#@.##% .@#
|
||||
#####+;/##/ @## @#,+ /#M . X,
|
||||
;###M#@ M###H .#M- ,##M ;@@; ###
|
||||
.M#M##H ;####X ,@#######M/ -M###$ -H
|
||||
.M###% X####H .@@MM@; ;@#M@
|
||||
H#M /@####/ ,++. / ==-,
|
||||
,=/:, .+X@MMH@#H #####$=`;
|
||||
|
||||
var cake = ` ,:/+/-
|
||||
/M/ .,-=;//;-
|
||||
.:/= ;MH/, ,=/+%$XH@MM#@:
|
||||
-$##@+$###@H@MMM#######H:. -/H#
|
||||
.,H@H@ X######@ -H#####@+- -+H###@X
|
||||
.,@##H; +XM##M/, =%@###@X;-
|
||||
X%- :M##########$. .:%M###@%:
|
||||
M##H, +H@@@$/-. ,;$M###@%, -
|
||||
M####M=,,---,.-%%H####M$: ,+@##
|
||||
@##################@/. :%H##@$-
|
||||
M###############H, ;HM##M$=
|
||||
#################. .=$M##M$=
|
||||
################H..;XM##M$= .:+
|
||||
M###################@%= =+@MH%
|
||||
@#################M/. =+H#X%=
|
||||
=+M###############M, ,/X#H+:,
|
||||
.;XM###########H= ,/X#H+:;
|
||||
.=+HM#######M+/+HM@+=.
|
||||
,:/%XM####H/.
|
||||
,.:=-.`;
|
||||
|
||||
// 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);
|
||||
}
|
||||
|
||||
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: center;
|
||||
}
|
||||
|
||||
pre {
|
||||
/* display: inline-block; */
|
||||
margin: 0 auto;
|
||||
/* position: center; */
|
||||
/* text-align: left; */
|
||||
font-family: monospace;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
h1 {
|
||||
font-size: 4em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<svelte:head>
|
||||
<title>Quartnzet - {status}</title>
|
||||
</svelte:head>
|
||||
|
||||
<Banner title="{status}"/>
|
||||
|
||||
<main class="container">
|
||||
<p>{error.message}</p>
|
||||
|
||||
{#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>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="info">
|
||||
This was a triumph!
|
||||
I'm making a note here:
|
||||
Huge success!
|
||||
|
||||
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.
|
||||
|
||||
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.
|
||||
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!
|
||||
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?
|
||||
That was a joke. Ha Ha. Fat Chance!
|
||||
|
||||
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.
|
||||
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
|
||||
|
||||
Still alive.
|
||||
|
||||
Still alive.
|
||||
</p>
|
||||
{/if}
|
||||
</main>
|
||||
41
src/routes/__layout.svelte
Normal file
41
src/routes/__layout.svelte
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<script>
|
||||
import Nav from '../components/Nav.svelte';
|
||||
import userManager from '../components/userManager.svelte'
|
||||
import Modal from '../components/Modal.svelte'
|
||||
import Footer from '../components/footer.svelte'
|
||||
|
||||
export let segment;
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/*main {
|
||||
position: relative;
|
||||
max-width: 56em;
|
||||
background-color: white;
|
||||
padding: 2em;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
}*/
|
||||
|
||||
/* Dark theme */
|
||||
:global(html[data-theme='dark']) {
|
||||
--background-color: #222222;
|
||||
--headings-color: #ffffff;
|
||||
--font-color: #ffffff;
|
||||
}
|
||||
|
||||
:global(body) {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 1rem;
|
||||
background-color: var(--background-color);
|
||||
color: var(--font-color);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
|
||||
<Modal/>
|
||||
<Nav {segment} rightComponent={userManager}/>
|
||||
|
||||
<slot></slot>
|
||||
|
||||
<Footer/>
|
||||
Loading…
Reference in a new issue