Fix continue button on splash screen

Was missing the right scope.

src/ui/components/slay-the-web.js

@@ -23,8 +23,9 @@ export default class SlayTheWeb extends Component {
 		const initialGameMode = urlParams.has('debug') ? GameModes.gameplay : GameModes.splash
 		this.state = {gameMode: initialGameMode}
 
-		this.handleWin = this.handleWin.bind(this)
 		this.handleNewGame = this.handleNewGame.bind(this)
+		this.handleContinue = this.handleContinue.bind(this)
+		this.handleWin = this.handleWin.bind(this)
 		this.handleLoose = this.handleLoose.bind(this)
 	}
 
@@ -47,12 +48,17 @@ export default class SlayTheWeb extends Component {
 		this.setState({gameMode: GameModes.splash})
 	}
 
-	render(props, {gameMode}) {
-		if (gameMode === GameModes.splash)
+	render() {
+		const {gameMode} = this.state
+		if (gameMode === GameModes.splash) {
 			return html`<${SplashScreen} onNewGame=${this.handleNewGame} onContinue=${this.handleContinue} />`
-		if (gameMode === GameModes.gameplay)
-			return html` <${GameScreen} onWin=${this.handleWin} onLoose=${this.handleLoose} /> `
-		if (gameMode === GameModes.win) return html` <${WinScreen} onNewGame=${this.handleNewGame} /> `
+		}
+		if (gameMode === GameModes.gameplay) {
+			return html`<${GameScreen} onWin=${this.handleWin} onLoose=${this.handleLoose} /> `
+		}
+		if (gameMode === GameModes.win) {
+			return html`<${WinScreen} onNewGame=${this.handleNewGame} /> `
+		}
 	}
 }
 

src/ui/components/splash-screen.js

@@ -18,8 +18,8 @@ export default class SplashScreen extends Component {
 					<ul class="Options">
 						${location.hash
 							? html`
-								<li><button autofocus onClick=${props.onContinue}>Continue Game</button></li>
-								<li><button autofocus onClick=${props.onNewGame}>New Game</a></li>
+								<li>Found a saved game. <button autofocus onClick=${props.onContinue}>Continue?</button></li>
+								<li><button onClick=${props.onNewGame}>New Game</a></li>
 					`
 							: html`
 							<li><button autofocus onClick=${props.onNewGame}>Play</a></li>

src/ui/styles/app.css

@@ -11,8 +11,6 @@ html {
 	cursor: url(/images/cursors/default.png), auto;
 	min-height: 100%;
 	background-color: var(--bg);
-	/* background-image: url('/images/scenes/dalle5.webp'); */
-	/* background-position: center bottom; */
 	background-attachment: fixed;
 	background-position: 50%;
 	background-size: cover;
@@ -33,13 +31,6 @@ input,
 
 body {
 	margin: 0;
-	/* overflow: hidden; */
-	/* overflow-x: hidden; */
-	/* overflow-y: scroll; */
-}
-
-[inverse] {
-	color: var(--text-inverse);
 }
 
 [center] {