diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 322b9a6..8498225 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,16 +5,6 @@
 	import { Sheet, Sequence, Project, Studio } from '@threlte/theatre';
 	import state from './state.json';
 	import { dev } from '$app/environment';
-	import { onMount } from 'svelte';
-
-	onMount(() => {
-		window.addEventListener('keydown', (e) => {
-			if (e.key === ' ') {
-				e.preventDefault();
-				window.location.reload();
-			}
-		});
-	});
 </script>
 
 <div class="absolute inset-0 h-full w-full">
@@ -22,7 +12,13 @@
 		<Project config={{ state }} name="Project A">
 			<Studio enabled={false} />
 			<Sheet>
-				<Sequence autoplay delay={1000}>
+				<Sequence
+					autoplay
+					delay={1000}
+					iterationCount={Infinity}
+					range={[0, 6]}
+					direction="alternate"
+				>
 					<Scene />
 				</Sequence>
 			</Sheet>
diff --git a/src/routes/Scene.svelte b/src/routes/Scene.svelte
index b43d5a1..fe87be2 100644
--- a/src/routes/Scene.svelte
+++ b/src/routes/Scene.svelte
@@ -6,14 +6,15 @@
 	import { Edges, Grid, OrbitControls, Outlines } from '@threlte/extras';
 	import { Vector3 } from 'three';
 	import { SheetObject } from '@threlte/theatre';
+	import { base } from '$app/paths';
 
-	const bin = useLoader(STLLoader).load('/showcase.stl');
+	const bin = useLoader(STLLoader).load(base + '/showcase.stl');
 
-	const lid = useLoader(STLLoader).load('/showcase-two-switches.stl');
+	const lid = useLoader(STLLoader).load(base + '/showcase-two-switches.stl');
 
-	const cap = useLoader(STLLoader).load('/showcase-cap.stl');
+	const cap = useLoader(STLLoader).load(base + '/showcase-cap.stl');
 
-	const mxSwitch = useLoader(STLLoader).load('/showcase-mx-switch.stl');
+	const mxSwitch = useLoader(STLLoader).load(base + '/showcase-mx-switch.stl');
 </script>
 
 <T.Group position.y={-2}>