sleuth.html

<!-- Code copyright Ben Collier 2013, Concept copyright Eric N. Miller -->

<!DOCTYPE html>
<html>
	<head>
		<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	  	<script src="crafty.js"></script>
	  	<script src="https://connect.facebook.net/en_US/all.js"></script>
	  	<script src="ajax.js"></script>
	  	<script src="components.js"></script>
	  	<script src="game.js"></script>
	  	<link rel="stylesheet" href="sleuth.css">
	  	<script>
			const queryString = window.location.search;
			const urlParams = new URLSearchParams(queryString);
			var customCharacters = [
				[urlParams.get('1_1'), urlParams.get('1_2')],
				[urlParams.get('2_1'), urlParams.get('2_2')],
				[urlParams.get('3_1'), urlParams.get('3_2')],
				[urlParams.get('4_1'), urlParams.get('4_2')],
				[urlParams.get('5_1'), urlParams.get('5_2')],
				[urlParams.get('6_1'), urlParams.get('6_2')],
				[urlParams.get('7_1'), urlParams.get('7_2')],
				[urlParams.get('8_1'), urlParams.get('8_2')],
			]
			function startGame() {
				Game.start(customCharacters)
			}
			window.addEventListener('load', startGame);
	  	</script>
	</head>
	<body>
		<div id="game">
			<div id="cr-stage"></div>
			<div id="dialogue">
				It is a dark and stormy night. A murder is being committed.
			</div>
			<script>	
	    		sendMessage('Game has started!');
	    		sendMessage('Game has started!');
	  		</script>
			<div id="commands">
				>&nbsp;_
			</div>
		</div>
	</body>
</html>