From 8e948297f1970f186b37f8c571de36897a3f02f5 Mon Sep 17 00:00:00 2001 From: Jeroen De Meerleer Date: Wed, 30 Aug 2023 17:23:31 +0200 Subject: [PATCH] Added static slicing of results page --- src/app.html | 2 +- src/app.postcss | 2 +- src/lib/components/Header.svelte | 40 ++++++++++++++++++++++++++ src/lib/components/Sidebar.svelte | 19 ++++++++++++ src/lib/fonts/icomoon.eot | Bin 1720 -> 2508 bytes src/lib/fonts/icomoon.svg | 3 ++ src/lib/fonts/icomoon.ttf | Bin 1556 -> 2344 bytes src/lib/fonts/icomoon.woff | Bin 1632 -> 2420 bytes src/lib/fonts/selection.json | 2 +- src/lib/scss/icons.scss | 22 ++++++++++---- src/routes/+layout.svelte | 44 +++++++++++++--------------- src/routes/+page.svelte | 12 ++++---- src/routes/results/+page.svelte | 46 ++++++++++++++++++++++++++++++ 13 files changed, 153 insertions(+), 39 deletions(-) create mode 100644 src/lib/components/Header.svelte create mode 100644 src/lib/components/Sidebar.svelte create mode 100644 src/routes/results/+page.svelte diff --git a/src/app.html b/src/app.html index 8365edf..ec615f0 100644 --- a/src/app.html +++ b/src/app.html @@ -7,6 +7,6 @@ %sveltekit.head% -
%sveltekit.body%
+
%sveltekit.body%
diff --git a/src/app.postcss b/src/app.postcss index dfd9ec5..7000124 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -6,5 +6,5 @@ /*place global styles here */ html, body { - @apply h-full; + @apply h-full overflow-hidden; } diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte new file mode 100644 index 0000000..61cb543 --- /dev/null +++ b/src/lib/components/Header.svelte @@ -0,0 +1,40 @@ +
+
+

Blackbird Chess

+
+
+

24e herfstschaaktornooi

+
+
+ + +
+
+ + \ No newline at end of file diff --git a/src/lib/components/Sidebar.svelte b/src/lib/components/Sidebar.svelte new file mode 100644 index 0000000..f80f286 --- /dev/null +++ b/src/lib/components/Sidebar.svelte @@ -0,0 +1,19 @@ + + + \ No newline at end of file diff --git a/src/lib/fonts/icomoon.eot b/src/lib/fonts/icomoon.eot index b03f3d2b2242c875cca8d338088e66b607e49938..a05cd4497953b025bbf7c976605c38b2c4f8fab6 100644 GIT binary patch delta 1180 zcmYLIO>7%Q6n<}JcW1qSv6pxC@wL%N#P%=dls&3k(D=Arv2 zV?0U$98K*Sk+!*e?Rbp3zk6<@{}ceeqrbJ$ZEp?V|NaF4oF=@z*}lF-bDHo+G@F}O z-gzUJ|L`H~uyytNHgHlPWhxywe>uL04ZIcK z#SbMj&FoFA0jd)|6-RLQ0%t3R zt!JaGNLk`d-7@NoVg!}v=qxUHX5ROvr9{WPDH5;ilb6C6e8Ib*vASVvxrzC*W{EoI z8Vf4Vb3^U$OJw%a%n=ahdE7^U@h`l|SK&pvF1i%Dj^tL7(l_w%Y)MtUa(Gg3Ree=g zRY=~ntqz6Z@r3ejrFTe*-W1kSOB3TemUNkWE_P)yK Gd-yL$xy6_O delta 375 zcmY+8u}cDR6vw~se&?NLc0w+ah)^~(xI{W+*c1`{4|%BR;N^)*+E7l>(2yMs?Y6Z! zWY7>1QP9%n(hzMeITQ{h*E^jWetdtQ&wKCpe$UfgpVC!;fYMUpaxK_vwpMo!o&enN zNoNe*MEfNPP>4C3*DEHcpSj8D&KDcogN28E<|9B#7IJzvI54vRL9q=1^-Gn!W6pKw3ksaO0oo{%4n2WsR&@5G|5L|)l z%c(<%n3bgzm8~`{C)U|b!3_xt2$8<8pYE6Kp=~=8|CsD|ZJ=FfXZ#v<<|Qv#ukwjC zbaiKG)Qn~?SliN)-|)&K@g``|xj1PZtBECb?8n^_hlnC2P7!7A8QBR05XK(vD9qmh LRIGF+-M91y=I~YV diff --git a/src/lib/fonts/icomoon.svg b/src/lib/fonts/icomoon.svg index 9bd5bbb..23c271d 100644 --- a/src/lib/fonts/icomoon.svg +++ b/src/lib/fonts/icomoon.svg @@ -8,6 +8,9 @@ + + + \ No newline at end of file diff --git a/src/lib/fonts/icomoon.ttf b/src/lib/fonts/icomoon.ttf index 7531192201d6f0e2f019392f185a9a4af29082e5..edb004f52b6845d306bb7446646311cd1213e41c 100644 GIT binary patch delta 1159 zcmYLJO>7%Q6rMM4cW1r3-f^AXEv!>JO=Ab)kfJzQOTPIrFH_% zp%kfhFI)-|wfQM`LUTtdKjMH87vRi|1BeT!%0faMC^m04kdAgW^L_7q^WMIBv+p|x z*&YMNn9ceO*^|u|PA|!<^MIJI>1}Ow;@#2BZy#q2rU~zD$5(f0&Jcc&W^?<>o3G^Z z?|wn}4rBU4`%?UJas5n_G2=V3M{Od+m-r)LwdY*Bvv)1L&pM2W8N!cU+1YwJ*6(XC z5%DY$K_|Yp%Ut#W;TGYUZrr)_@pGxa3HK?;+q*kg_b5>sDO1@Q;xo6uS%+H#SUq!r zm@FlSjMGQWjMAg2Q9OEmbZhd@WTG_xajhc`CcnwQOgc=TM-w#@gDA^6N4FqNM{Ap@l<}Ho3z^R#BDXgrc{O|F zj)KIZXC`9jc@&x^@VF8qC$Vt!wy@yy+Gdi*TRkHU88>wN`6(4gVEQ8RHN)1!C=@A6 zysBG9ol^|I@(AsP0;lFZcUnqt%o`%nrajV97y}pFiyE&Rww5~-U)C&9N7T4qc@z!h z;gv}2X1F8R@H!v%sEa2*VFR1&2|6x16grONRFcxK!^zo_s(R(*VZl}PRb5pfv0+=| zcdVS0p;fkN+#Podb8`h4+*PP-g;M4$*t2XHxH+3#ZQCka(=M?G3nv;U77i?#Q>d&g z$yP%fze<{@fqg8pJX>R|=mn}ZR*o%4>UgP}2paw|FG%3Sr0Wl}rMCG$P3VGm?_8^O z?w)DWsuV?~PwbFq4SoE*o)$8gFc}0ASRh4OhpK+T=sV^3EDX-Zw&|2tO5<)R;u)w4 zS4oUO?)&m*>F-NlH^x60X`z~4{SIh6^~UY(7iH~FW@`!l)thXog_?)IV->97jOMR) w>6Q#w5gUw=Ukdw)Gh-I>=%cU0dAI|=@EZS+c(t>|hKKi;adp=|+tK#nUr@-wT>t<8 delta 370 zcmZ1>G=-<0fsuiMft#U$ftkU;KUm+0Ux?=dq~}zoeb+ix2jq7!FfiFE1lsC%&3b5~FJ^|$a0rFKc za!V=%wlm~1Ft8{9`7$~A$&QH(uNc<=1%Q??2;?SK6aXD#59Ip*`3iZ7xv4X~IDZ5A zIY3L=3i69ffDQ!$)-ND=24-fxi3jW%3nwvJn|lC7_!u}Cm>AfAo>KV0`yt^&;s3w? z|AW+{@EQL<=Ks#Wlz%GFEXK`EjNFWqEm7%g5PtJ!ci(#do}27$Vcpto8aovZL8_g#MD6%Me=w@*A~m5s5fe&GiQPgY zQ9!E0g-hX3o8KD;N_*(7Qu#R`)I%kHuH1TP1?S2_AP#`dyfsZ%J9_W?W@f+HnfLBF ze@yvrHjf-(!01VBGCNuKU-65*f7Uv!^Nc~8s7+-L$}%Z!OM#l*_;^=F!GB8hvJ@T@ZN4gS>bY+fX8gYbT3(F4}mIJZV| z$Hj+4gv#^>+Do0*MG_V_2=7VEV;^-}oioJ!Oych;`|P>Y-{;R=pkh-ex8sm@h(`ww z)Zy~r7#uu$ikK;uX2>}G_nx6UoF2A@uMaPe{~eFXM+ynIy3N7(SNWIxU4AJ)k(Veh z>DJBfz=j@I@z}*KwXRP^lneW2jKB{|2jYC-8xlMaS=gBc0>XoRGli!VmApkzXaVLX zjyc*bz+ySBEJ0-fl&1#exDE;2c9jl#YPi=LSzJI|xgG=V!+GIB~5j@}j)d{tdZ%6O+|xRCZDCzzX7Is)C( z$d?RTkK#zAEb*#t88uECLFqC277Co6^SxbCf@5A1Nv`WtF3A`;@153o&9Jr1B>Ajn zi5jBDgVN(@s0hD6$zGZ}f(`EQL62rP{skM@WKYt#Xecy}WGYGP>#%pGpt@e#J88J; zzUr%LBsOeo^uCpmGO~&`J=aFv-0W-)`qvaHT9K3)3pOnq`d-GSP}{bO)-I3O>+`!C zyXUW4GNVvYd6G{JUchgYL)5@6%(E<8Vl3~6>S!$PD938Nbeaen!45x6;G?2zkE*3( z^RP_lf`9Aq>gwTJrcJv-92dT@BR*y5qaSov$Z*VL7)oHF6s`^x{gkog6kCU&f2d`f zPI0j?>K0<2hKlf1iV@1IfxIh&t1{4y(T|2J)S*u<0b@_Uab^8QS^bmQnqt{~f4uf^ z9h9|7!UgaMXuaqn{xcRyE GJ^TmVE5dyM delta 433 zcmew&^ngdC+~3WOfsp|S*b*4H!L-QaL{8z!1)MAswMFVrCg&y=FfcG?0HspEc*#YZ z^u%J2*cl+71BwOGb1Kt-VpkX#m~24!yVkL~jMPM+9u@(h8Z!`9m3Did0Tcv^c>wt; zAk4m#`9wx;Nd-_W2gsKJVS()oxjFgCKy`jB9Y6t)0RjxK7}w+`Rsbz#nE~W0fH60N zeO_X2Do|_((DF7Ap6SK;yCA=~1n46NxH@JaiXJTLj z`d{G#?}vmBh5!Hl{|^)gnvTS0{QsE$JO5JtsSL~vjGNCfax+eDWtlK}DeDepaKJGz zG~AFZjpw)d%D~M6*8Px~(HO)4(UVQs&28Bs;$TUjjX<}kGT1XuVo(K&bAm;=7(^K4 e7^)Z!G0Fj*!@$7KU< - // The ordering of these imports is critical to your app working properly - import '@skeletonlabs/skeleton/themes/theme-skeleton.css'; - // If you have source.organizeImports set to true in VSCode, then it will auto change this ordering - import '@skeletonlabs/skeleton/styles/skeleton.css'; import '$lib/scss/icons.scss' // Most of your app wide CSS should be put in this file import '../app.postcss'; - import {alerts, globalstore} from "$lib/stores.js"; + import {alerts, sessionstore} from '$lib/stores'; import { autoModeWatcher } from '@skeletonlabs/skeleton'; + import { AppShell } from '@skeletonlabs/skeleton'; + import Header from '$lib/components/Header.svelte'; + import Sidebar from '$lib/components/Sidebar.svelte'; let alertsvar; - let globalvars; - + let sessionvars; function closeWarning(e) { let index = e.target.dataset.index; alerts.update(function (data) { @@ -23,8 +21,8 @@ alerts.subscribe((value) => { alertsvar = value; }); - globalstore.subscribe(value => { - globalvars = value; + sessionstore.subscribe(value => { + sessionvars = value; }); {@html ``} -{#if typeof globalvars.user !== 'undefined' } - {#each alertsvar as alert, i} - - {/each} -{/if} - +{#if typeof sessionvars.authorization === 'undefined'} + +{:else} + + +
+ + + + + + +{/if} diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d3f82e4..b0ab50b 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,16 +1,14 @@ -{#if typeof globalvars.user !== 'undefined'} -

Welcome {globalvars.user.name}

-{:else} +{#if typeof sessionvars.authorization === 'undefined'}

Blackbird Chess

Go to login page {/if} \ No newline at end of file diff --git a/src/routes/results/+page.svelte b/src/routes/results/+page.svelte new file mode 100644 index 0000000..cc085c9 --- /dev/null +++ b/src/routes/results/+page.svelte @@ -0,0 +1,46 @@ +
+
+ + Go to round 1 +
+
+

Results for round 2

+
+
+ Go to round 3 + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
WhiteResultBlack
Person A0-1Person B
Person C½-½Person D
Person E½-½Person F
Person G0-1FFPerson H
+