<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Magic Triangles</title>
</head>

<body>

    <canvas id="easel" width="500" height="500"></canvas>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script>
    <script src="/triangles.js"></script>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Magic Triangles</title>
</head>

<body>

    <canvas id="easel" width="500" height="500" style="display: block; margin: auto;"></canvas>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script>
    <script src="/triangles.js"></script>

</body>
</html>
Add an inline style to center the triangles.
Add an inline style to center the triangles.
