index.html

<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.css">
    <style type="text/css">
        @font-face {
            font-family: 'AngryBirds';
            src: url('angrybirds-regular.ttf');
        }
        canvas {
            border: solid 1px #ddd !important;
        }
        #container, body {
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="container"></div>
    <canvas id="debug" width="5000" height="720" style="border:1px solid black;"></canvas>
    <script src="lib/Box2dWeb-2.1.a.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="lib/kinetic-v4.7.4.min.js"></script>
    <script type="text/javascript" src="lib/jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="lib/app.js"></script>
</body>
</html>