diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e9a3064..4af62dc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -20,11 +20,11 @@
 		});
 	});
 
-	$: onlyCard = $page.url.pathname === '/card';
+	$: onlyCard = $page.data.card;
 </script>
 
 <TestCard full={onlyCard} on:focus={() => goto('/card')} />
-<main class:content={!onlyCard} class:sub={$page.url.pathname !== '/' && !onlyCard}>
+<main class:content={!onlyCard} class:sub={!$page.data.root && !onlyCard}>
 	<a href=".." class="button button-back"><i class="ti ti-arrow-back" />Back</a>
 	<slot />
 </main>
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
new file mode 100644
index 0000000..02b06c7
--- /dev/null
+++ b/src/routes/+page.ts
@@ -0,0 +1,7 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = () => {
+	return {
+		root: true
+	}
+}
\ No newline at end of file
diff --git a/src/routes/card/+page.ts b/src/routes/card/+page.ts
new file mode 100644
index 0000000..f5def39
--- /dev/null
+++ b/src/routes/card/+page.ts
@@ -0,0 +1,7 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = () => {
+	return {
+		card: true
+	};
+};