diff --git a/src/app.scss b/src/app.scss index 0559d93..5e4d185 100644 --- a/src/app.scss +++ b/src/app.scss @@ -13,4 +13,8 @@ body { .emoji { @apply w-6 inline-block; +} + +a { + @apply hover:text-sky-500 hover:underline text-gray-400; } \ No newline at end of file diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte index ac8c7fe..a41c6cc 100644 --- a/src/lib/components/Footer.svelte +++ b/src/lib/components/Footer.svelte @@ -2,8 +2,8 @@ \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 4c156eb..d141749 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -3,13 +3,22 @@ import { ParaglideJS } from '@inlang/paraglide-sveltekit'; import '../app.scss'; + import logo from '$lib/images/logo.png' + import Footer from '$lib/components/Footer.svelte'; + import { onMount } from 'svelte'; let { children } = $props(); + + let div: HTMLDivElement; + + onMount(() => { + div.style.backgroundImage = `url(${logo})`; + }); -
+
{@render children()}
@@ -20,7 +29,6 @@