<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Blockrain Activity</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover"/>
<link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)"
href="lib/sugar-web/graphics/css/sugar-96dpi.css">
<link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)"
href="lib/sugar-web/graphics/css/sugar-200dpi.css">
<link rel="stylesheet" href="css/activity.css">
<link rel="stylesheet" src="css/blockrain.css">
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/blockrain.jquery.libs.js"></script>
<script type="text/javascript" src="js/blockrain.jquery.src.js"></script>
<script type="text/javascript" src="js/blockrain.jquery.themes.js"></script>
<script>if (window.module) module = window.module;</script>
<script data-main="js/loader" src="lib/require.js"></script>
<link rel="stylesheet" type="text/css" href="css/game.css">
<style>
</style>
</head>
<body>
<div id="main-toolbar" class="toolbar">
<button class="toolbutton" id="activity-button" title="My Activity"></button>
<button class="toolbutton" id="btn-next" title="Change theme"></button>
<button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
</div>
<button id="up-arrow" title="Up Arrow"></button>
<button id="down-arrow" title="Down Arrow"></button>
<div id="canvas">
</div>
<button id="left-arrow" title="Left Arrow"></button>
<button id="right-arrow" title="Right Arrow"></button>
<script type="text/javascript">
var touchEnabled = 'ontouchstart' in document.documentElement;
if(touchEnabled) {
document.getElementsByClassName("noarrowkeys")[0].className="arrowkeys";
}
</script>
</body>
</html>