Docs updated

docs/index.html

@@ -9,15 +9,16 @@
 
 		<style>
 			#canvas {
-				position: fixed;
 				left: 0;
 				top: 0;
+				width: 100%;
+				height: 100%;
+				position: fixed;
 			}
 
 			html, body {
 				margin: 0 !important;
 				padding: 0 !important;
-				height: 1000px;
 			}
 		</style>
 	</head>
@@ -29,13 +30,22 @@
 
 		<!-- Allow the C++ to access the canvas element -->
 		<script type='text/javascript'>
+			//https://stackoverflow.com/a/57795495/8302811
+			let dark_mode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+			if(dark_mode) {
+				document.body.style.backgroundColor = "black";
+			}
+
 			var Module = {
-				canvas: ( function () { return document.getElementById( 'canvas' ); } )()
+				canvas: ( function () { return document.getElementById( 'canvas' ); } )(),
+				// Uncomment this to enable mouse wheel
+				// arguments: ["--wheel"]
+				arguments: [dark_mode ? "--dark" : "--light"]
 			};
 		</script>
 
 		<!-- Add the javascript glue code (index.js) as generated by Emscripten -->
-		<script src="./main.js"></script>
+		<script async src="./main.js"></script>
 
 	</body>