aboutsummaryrefslogtreecommitdiffstats
path: root/clients/www/src/routes/+layout.svelte
diff options
context:
space:
mode:
authorMatt Strapp <matt@mattstrapp.net>2023-10-20 18:08:15 -0500
committerMatt Strapp <matt@mattstrapp.net>2023-10-20 18:08:15 -0500
commit472c18a99851397939351dd4cfc50220c84dc4c2 (patch)
tree1fecdab0268a6734fa2c6c6a9551bf1ea06ff1ed /clients/www/src/routes/+layout.svelte
downloadzorascript-472c18a99851397939351dd4cfc50220c84dc4c2.tar
zorascript-472c18a99851397939351dd4cfc50220c84dc4c2.tar.gz
zorascript-472c18a99851397939351dd4cfc50220c84dc4c2.tar.bz2
zorascript-472c18a99851397939351dd4cfc50220c84dc4c2.tar.lz
zorascript-472c18a99851397939351dd4cfc50220c84dc4c2.tar.xz
zorascript-472c18a99851397939351dd4cfc50220c84dc4c2.tar.zst
zorascript-472c18a99851397939351dd4cfc50220c84dc4c2.zip
Initial skeleton (hehe) commit
Signed-off-by: Matt Strapp <matt@mattstrapp.net>
Diffstat (limited to '')
-rw-r--r--clients/www/src/routes/+layout.svelte33
1 files changed, 33 insertions, 0 deletions
diff --git a/clients/www/src/routes/+layout.svelte b/clients/www/src/routes/+layout.svelte
new file mode 100644
index 0000000..15780c3
--- /dev/null
+++ b/clients/www/src/routes/+layout.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+ import '../app.postcss';
+ import { AppShell, AppBar, LightSwitch, initializeStores } from '@skeletonlabs/skeleton';
+
+ import { pwaInfo } from 'virtual:pwa-info';
+
+ $: webManifest = pwaInfo ? pwaInfo.webManifest.linkTag : '';
+
+ initializeStores();
+</script>
+
+<svelte:head>
+ <!-- eslint-disable-next-line svelte/no-at-html-tags VitePWA can probably be trusted -->
+ {@html webManifest}
+</svelte:head>
+
+<!-- App Shell -->
+<AppShell>
+ <svelte:fragment slot="header">
+ <!-- App Bar -->
+ <AppBar gridColumns="grid-cols-3" slotDefault="place-self-center" slotTrail="place-content-end">
+ <svelte:fragment slot="lead">
+ <LightSwitch />
+ </svelte:fragment>
+ <a href="#">Zelda: Oracle Password Generator</a>
+ <svelte:fragment slot="trail">
+ <a href="#">TODO: SOURCE CODE</a>
+ </svelte:fragment>
+ </AppBar>
+ </svelte:fragment>
+ <!-- Page Route Content -->
+ <slot />
+</AppShell>