midas-canvas/index.html

<style type="text/css">
html,body{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}
#game-container {
	width: 100%;
	height: 100%;
	z-index: 1;
}
#leaderboard {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.5);
}

#eventticker {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.5);
	overflow: hidden;
	display: block;
}

#eventticker p {
	display: inline;
}
p {
	margin: 0px;
	padding: 0px;
}
</style>


<div id="game-container"></div>

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

<script type="text/javascript">
	document.addEventListener("DOMContentLoaded", function(event) {	
		var system = new System();
		system.create("game-container", new ExampleGame(), "#3333DD");
	});
</script>