clean up

src/core/draw-engine.ts

@@ -14,6 +14,10 @@ function renderLeds() {
   }
 }
 
+export function easeInOutSine (x: number): number {
+  return -(Math.cos(Math.PI * x) - 1) / 2;
+};
+
 export function background(color: string) {
   document.body.style.background = color;
 }

src/game-states/levels/cylinder.ts

@@ -1,4 +1,4 @@
-import { background, color1, color5 } from '@/core/draw-engine';
+import { color1 } from '@/core/draw-engine';
 import { State } from '@/core/state';
 import W from '../../lib/w.js';
 import { Level } from '@/core/level.js';

src/game-states/levels/gears.ts

@@ -1,4 +1,4 @@
-import { colorWhite, color4, colorDark, background } from '@/core/draw-engine';
+import { colorWhite, colorDark } from '@/core/draw-engine';
 import { State } from '@/core/state';
 import W from '../../lib/w.js';
 import { Level } from '@/core/level';

src/game-states/levels/helix.ts

@@ -1,4 +1,4 @@
-import { background, color4, colorDark, colorWhite } from '@/core/draw-engine';
+import { colorDark, colorWhite } from '@/core/draw-engine';
 import { State } from '@/core/state';
 import W from '../../lib/w.js';
 import { Level } from '@/core/level.js';

src/game-states/levels/metronome.ts

@@ -1,4 +1,4 @@
-import { colorWhite, color6, colorDark, background } from '@/core/draw-engine';
+import { colorWhite, colorDark } from '@/core/draw-engine';
 import { State } from '@/core/state';
 import W from '../../lib/w.js';
 import { Level } from '@/core/level.js';

src/game-states/levels/two-cubes.ts

@@ -1,4 +1,4 @@
-import { colorWhite, color6, background } from '@/core/draw-engine';
+import { colorWhite } from '@/core/draw-engine';
 import { State } from '@/core/state';
 import W from '../../lib/w.js';
 import { Level } from '@/core/level';

style.css

@@ -124,7 +124,7 @@ ul button {
 	--button-color: var(--color-2);
 	color: var(--color-dark);
 	background-color: var(--color-white);
-	padding: 0.5em;
+	padding: 0.5em 1em;
 	margin: 0.5em 0;
 	user-select: none;
 	cursor: pointer;
@@ -137,6 +137,7 @@ ul button {
 	display: inline-flex;
   justify-content: center;
 	gap: 1em;
+  border-radius: 99px;
 }
 
 ul button :last-child {