baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

switch to forest theme

Browse source
This commit is contained in:
Benjamin Palko 2025-05-12 18:11:20 -04:00
parent ce50f8a6d6
commit 3ea150227b
9 changed files with 76 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/routes/+layout.server.ts Normal file
View file

@ -0,0 +1,21 @@
import { logger } from '$lib/server/logger';
import { error } from '@sveltejs/kit';
import type { LayoutServerLoad } from './$types';
export const load: LayoutServerLoad = async ({ locals }) => {
const { strapi } = locals;
try {
const result = await strapi.SiteBackground();
return {
background: {
url: result.data.Background.url
}
};
} catch (err) {
logger.error('Uh-oh!', err);
if (err instanceof Error) {
error(500, err);
}
}
};

14
src/routes/+layout.svelte
View file

@ -3,8 +3,9 @@
import { navigating, page } from '$app/state';
import Navbar from '$lib/components/Navbar.svelte';
import '../app.css';
import type { LayoutProps } from './$types';
let { children } = $props();
let { children, data }: LayoutProps = $props();
let drawerOpen = $state(false);
@ -29,19 +30,18 @@
let current = $derived(pages.find((p) => p.slug === page.route.id));
</script>
<div class="drawer drawer-end">
<div class="drawer drawer-end bg-cover" style:background-image={`url(${data.background.url})`}>
<input id="navigation-drawer" type="checkbox" class="drawer-toggle" bind:checked={drawerOpen} />
<div class="drawer-content h-screen w-screen lg:p-12">
<div class="drawer-content h-screen w-screen overflow-y-scroll lg:p-12">
<div
class="bg-base-200 mx-auto grid min-h-full max-w-7xl grid-rows-[max-content_max-content_auto_max-content] overflow-hidden shadow-md lg:gap-4 lg:rounded-4xl"
class="bg-base-100 border-base-300 mx-auto grid min-h-full max-w-7xl grid-rows-[max-content_max-content_auto_max-content] overflow-hidden border-2 shadow-md lg:gap-4 lg:rounded-4xl"
>
<header class="lg:p-6">
<Navbar drawerId="navigation-drawer" title="Benjamin Palko" {pages} route={page.route} />
</header>
<div>
{#if current && current.slug !== '/'}
<div class="bg-base-300 w-full px-6 py-4 lg:px-12 lg:py-8">
<div class="bg-base-200 w-full px-6 py-4 lg:px-12 lg:py-8">
<h1 class="text-2xl font-light lg:text-4xl">{current.name}</h1>
</div>
{/if}
@ -88,7 +88,7 @@
<span class="text-base-content font-semibold">Benjamin</span>
Palko
</h2>
<label for="navigation-drawer" class="btn btn-accent btn-outline btn-lg">Close</label>
<label for="navigation-drawer" class="btn btn-secondary btn-outline btn-lg">Close</label>
</div>
</div>
</div>