From 9e69375ba841f53a8b9f5227d1a5504e9b111bd7 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Thu, 5 May 2022 21:46:55 -0700
Subject: [PATCH] Fix instructions.

---
 src/routes/cubes.svelte | 70 ++++++++++++++++++++---------------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/src/routes/cubes.svelte b/src/routes/cubes.svelte
index 014cd55..e0d58ab 100644
--- a/src/routes/cubes.svelte
+++ b/src/routes/cubes.svelte
@@ -1,46 +1,46 @@
 <script>
-  import * as SC from 'svelte-cubed';
-  import * as THREE from 'three';
-  import * as PE from 'svelte-cannon';
-  import Box from '$lib/Box.svelte';
+	import * as SC from 'svelte-cubed';
+	import * as THREE from 'three';
+	import * as PE from 'svelte-cannon';
+	import Box from '$lib/Box.svelte';
 
-  let count = 1;
+	let count = 1;
 </script>
 
-<svelte:window on:click={() => count += 1} />
+<svelte:window on:click={() => (count += 1)} />
 
 <div class="instructions">
-  <h2>Click around to add cubes</h2>
+	<h2>Click around to add cubes</h2>
 </div>
 
-<PE.World gravity={[0, -9.8 ,0]}>
-  <SC.Canvas antialias shadows>
-    <PE.Body mass={0} rotation={[-Math.PI / 2, 0, 0]}>
-      <PE.Plane />
-    </PE.Body>
-    <SC.Mesh
-      receiveShadow
-      geometry={new THREE.PlaneGeometry(50, 50)}
-      rotation={[-Math.PI / 2, 0, 0]}
-      material={new THREE.MeshStandardMaterial({ color: "grey"})}
-    />
-    {#each {length: count } as _}
-      <Box />
-    {/each}
-    <SC.DirectionalLight intensity={1} position={[15,15,15]} shadow={{ mapSize: [2048, 2048]}} />
-    <SC.AmbientLight intensity={1} />
-    <SC.PerspectiveCamera position={[ 2, 2, 15 ]} target={[0,0,0]} />
-    <SC.OrbitControls />
-  </SC.Canvas>
+<PE.World gravity={[0, -9.8, 0]}>
+	<SC.Canvas antialias shadows>
+		<PE.Body mass={0} rotation={[-Math.PI / 2, 0, 0]}>
+			<PE.Plane />
+		</PE.Body>
+		<SC.Mesh
+			receiveShadow
+			geometry={new THREE.PlaneGeometry(50, 50)}
+			rotation={[-Math.PI / 2, 0, 0]}
+			material={new THREE.MeshStandardMaterial({ color: 'grey' })}
+		/>
+		{#each { length: count } as _}
+			<Box />
+		{/each}
+		<SC.DirectionalLight intensity={1} position={[15, 15, 15]} shadow={{ mapSize: [2048, 2048] }} />
+		<SC.AmbientLight intensity={1} />
+		<SC.PerspectiveCamera position={[2, 2, 15]} target={[0, 0, 0]} />
+		<SC.OrbitControls />
+	</SC.Canvas>
 </PE.World>
 
 <style>
-  .instructions {
-    position: absolute;
-    top: 5%;
-    left: 40%;
-    z-index: 10;
-    color: white;
-    font-size: 2rem;
-  }
-</style>
\ No newline at end of file
+	.instructions {
+		position: absolute;
+		top: 10%;
+		left: 5%;
+		z-index: 10;
+		color: white;
+		font-size: 2rem;
+	}
+</style>