1 files changed, 23 insertions, 30 deletions
diff --git a/game/www/index.html b/game/www/index.html
index 123f6a3..6210bb7 100644
--- a/game/www/index.html
+++ b/game/www/index.html
@@ -11,35 +11,39 @@
 	</head>
 	<body id="body">
 		<div id="options">
-			<details id="logs_details">
-				<summary>Logs</summary>
-				<div class="menu">
-					<label>Logs</label>
-					<div id="logs"></div>
-				</div>
-			</details>
-
+			<button onclick="toggleLogs()">Logs</button>
 			<button onclick="sendKey(114)">Toggle Debug</button>
-
 			<form onsubmit="play(event)" autocomplete="off">
 				<input placeholder="Seed" id="seed" /><button type="submit">Play</button>
 			</form>
+
+			<div id="logs" style="display: none;">
+				<label>Logs</label>
+				<div class="content"></div>
+			</div>
 		</div>
 
-		<canvas id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
+		<canvas id="canvas"></canvas>
 
 		<script type='text/javascript'>
 	        var canvas = document.querySelector('#canvas');
+	        var seed_input = document.querySelector('#seed');
 			var logs = document.querySelector('#logs');
-	        var seed = document.querySelector('#seed');
-			var loaded = false;
+			var logs_content = document.querySelector('#logs .content');
+
+			function toggleLogs(show) {
+				if (show == undefined) {
+					show = logs.style.display == "none";
+				}
+				logs.style.display = show ? "" : "none";
+			}
 
 			function outputLog(...args) {
 				let text = args.join(' ');
 				let span = document.createElement('span');
 				span.innerText = text;
-				logs.appendChild(span);
-				console.log(text)
+				logs_content.appendChild(span);
+				console.log('stdout:', text);
 			}
 
 			function errorLog(...args) {
@@ -47,9 +51,9 @@
 				let span = document.createElement('span');
 				span.innerText = text;
 				span.classList.add('error')
-				logs.appendChild(span);
-				console.error(text)
-				document.querySelector('#logs_details').open = true;
+				logs_content.appendChild(span);
+				console.error('stderr:', text)
+				toggleLogs(true);
 			}
 
 			function sendKey(keyCode) {
@@ -59,27 +63,19 @@
 				}, 100);
 			}
 
-			function onRuntimeInitialized() {
-				loaded = true;
-			}
-
 			function play(e) {
 				e.preventDefault();
 
 				let seed_text = seed.value.trim();
 				let seed_num = Number(seed_text);
-				let args = [];
+				let args = ['--verbose'];
 
 				if (seed_text != '' && Number.isInteger(seed_num)) {
 					args.push('--seed');
 					args.push(String(seed_num));
 				}
 
-				outputLog('Using args:', args)
-
-				if (!loaded) {
-					errorLog("Game has not yet loaded")
-				}
+				outputLog('Using args:', args);
 
 				seed.parentElement.remove();
 
@@ -91,11 +87,8 @@
 				print: outputLog,
 				printErr: errorLog,
 				noInitialRun: true,
-				onRuntimeInitialized,
 	        };
 	    </script>
 	    <script src="game.js"></script>
-		<script>
-		</script>
 	</body>
 </html>