Add Settings screen with mute toggle and ambient volume slider

2 files changed, 14 insertions, 1 deletions

diff --git a/routes/+page.svelte b/routes/+page.svelte
index 37c1273..c807b41 100644
--- a/routes/+page.svelte
+++ b/routes/+page.svelte
@@ -20,7 +20,9 @@
 
   function handleBegin(): void {}
   function handleContinue(): void {}
-  function handleSettings(): void {}
+  function handleSettings(): void {
+    goto(resolve('/settings'))
+  }
   function handleCredits(): void {
     goto(resolve('/credits'))
   }
diff --git a/routes/settings/+page.svelte b/routes/settings/+page.svelte
new file mode 100644
index 0000000..4e5a080
--- /dev/null
+++ b/routes/settings/+page.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { goto } from '$app/navigation'
+  import { resolve } from '$app/paths'
+  import SettingsScreen from '@hollowdark/lib/screens/SettingsScreen.svelte'
+
+  function handleBack(): void {
+    goto(resolve('/'))
+  }
+</script>
+
+<SettingsScreen onBack={handleBack} />