From df3a68885db967123ad48fccd292d7a201b37ef9 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 11 Jul 2025 20:12:23 -0700
Subject: [PATCH] feat: restrict debug panel to /about page only
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add route check to only show debug panel on /about page
- Keeps debug features accessible but hidden from main experience
- Debug panel remains available in development mode on /about

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/routes/+layout.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 557dc21..b01fd61 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -10,6 +10,7 @@
 	let { children } = $props()
 
 	const isAdminRoute = $derived($page.url.pathname.startsWith('/admin'))
+	const isAboutPage = $derived($page.url.pathname === '/about')
 
 	// Generate person structured data for the site
 	const personJsonLd = $derived(
@@ -55,8 +56,10 @@
 	}}
 />
 
-<!-- Debug Panel (dev only) -->
-<DebugPanel />
+<!-- Debug Panel (dev only, about page only) -->
+{#if isAboutPage}
+	<DebugPanel />
+{/if}
 
 <style lang="scss">
 	:global(html) {