space-ai-rpg/index.html

<style type="text/css">
html,body{
	margin: 0;
	padding: 0;
}
#adventure-container {
	width: 100%;
	height: 100%;
	z-index: 1;
}
#leaderboard {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.5);
}
p {
	margin: 0px;
	padding: 0px;
}
</style>


<div id="adventure-container">
	<canvas></canvas>
</div>
<div id="leaderboard"></div>

<script type="text/javascript" src="namegenerator.js"></script>

<script type="text/javascript" src="hero.js"></script>
<script type="text/javascript" src="coindestination.js"></script>
<script type="text/javascript" src="heartdestination.js"></script>
<script type="text/javascript" src="monsterdestination.js"></script>
<script type="text/javascript" src="shopdestination.js"></script>
<script type="text/javascript" src="adventuregame.js"></script>

<script type="text/javascript">
	document.addEventListener("DOMContentLoaded", function(event) {	
		var adventuregame = new AdventureGame();
		adventuregame.create("adventure-container", "leaderboard");
	});
</script>